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!