O X do Xamarin Forms — Exibindo Arquivos PDF
Fala galera,
beleza?
Acredito que este seja o tema que mais me pediram ate hoje hahahaa, "como exibir arquivos PDF em Xamarin.Forms".
Bem atendendo todos que pediram, e claro, os que não pediram :D .Hoje lhes trago uma das formas de abrir PDF com Xamarin.Forms. (inclusive a que utilizo).
Arquivos Pdf são muito comuns, pois comprimem e agrupam imagens, fazendo seu uso constante em diversas aplicações. Muitas vezes precisamos exibi-los em nosso app, então hoje vamos ver uma forma simples e funcional :D
Configurando os projetos
Eu gosto de exibir Pdf's da seguinte forma : Baixo, gravo no dispositivo e carrego o mesmo.
Isto pode variar da sua necessidade, como guardar todos os pdf's baixados , ou apenas usar um nome temporário para exibição.
Como pode variar de app para app, vou mostrar uma forma e você pode adaptar para sua necessidade :).
Para exibir o Pdf vamos precisar de 3 coisas.
1 — Uma interface para gravar o arquivo Local.
2 — Uma WebView Customizada .
3 — Custom renderer por plataforma e uma biblioteca chamada pdfjs para o Android.
Configurando o Projeto compartilhado
Vamos começar criando nossa Webview customizada, é possível apenas utilizar como base a webview do Xamarin.Forms, mas eu gosto de criar uma propriedade ,caso eu precise fazer tratamentos ou outras utilizações :
Em seguida vamos criar uma Interface para gravar os arquivos nas duas plataformas, você pode utilizar o Xamarin.Essentials, ou criar a sua caso queria customizar algo :
Pronto, feito isso mais a frente voltamos a este projeto.
Agora precisamos criar um Renderer para nosso PdfWebView e a implementação da Interface para salvar os arquivos. Vamos fazer isso por plataforma.
Configurando o iOS
Vamos implementar o Renderer PdfWebViewRenderer :
E implementar a Interface para salvar o arquivo na pasta pdfjs :
iOS Check ✅
Configurando o Android
O Android é um pouco mais chato que o iOS, mas nada de outro mundo.
Antes de tudo devemos importar a biblioteca pdfjs na Pasta Assets :
Você pode pegar a pasta no Exemplo no final do artigo.
Em seguida ,para não termos problemas, vamos dar a permissão de Leitura e Escrita de arquivos no AndroidManifest.xml:
Vamos implementar o Renderer PdfWebViewRenderer :
E claro, a implementação da interface para salvar os arquivos :
Android Check ✅
Utilizando e Exibindo o PDF
Depois de tudo configurado vamos abrir nosso PDF , para isso vamos criar uma pagina e configurar o controle :
E agora carregar o PDF :
Basicamente, baixamos o PDF, gravamos no app e chamamos a PdfView :
Bem legal não?
Caso queira baixar o código utilizado no Exemplo: Clique aqui.
Quer ver outros artigos sobre Xamarin ? Clique aqui.
Espero ter ajudado!
Aquele abraço!
