Android : Charger un PDF dans un webview avec Android studio - Letecode

Android : Charger un PDF dans un webview avec Android studio

WebView est un composant qui permet de charger une page web dans une application android, dans ce tutoriel nous allons l'utiliser pour afficher un document PDF.

Jean Claude Mbiya
Jean Claude Mise à jour : 23 mars 2023 1655

Vous avez une application android dans laquelle vous aimeriez afficher directement vos documents PDF dans l'application, Nous pouvons charger facilement des PDF dans Android en utilisant WebView. Nous utiliserons le moyen le plus simple pour afficher un fichier PDF dans Android. En utilisant la visionneuse PDF de Google Docs, c'est très simple. Passons maintenant à l'implémentation et au code source.

La première chose que vous devez faire est d'implémenter WebView, c'est vraiment facile d'implémenter une WebView dans Android. Nous ne ferons que la partie nécessaire.

La conception de la partie mise en page est la première chose, nous utiliserons une mise en page linéaire (LinearLayout) comme mise en page parente, puis utiliserons WebView à l'intérieur. Vous devez définir un identifiant pour le WebView et cela est important pour initialiser le WebView.

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".PdfActivity">

    <WebView

        android:id="@+id/webView"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />

</LinearLayout>

 

Allez dans la partie Java/Kotlin et créez un objet pour WebView puis initialisez-le.

val webView: WebView = findViewById(R.id.webView)

Nous devons maintenant définir le client WebView.

webView.webViewClient = WebViewClient()

Si vous souhaitez avoir un zoom et que vous devez activer JavaScript pour WebView, ces deux lignes suffisent.

webView.settings.setSupportZoom(true)

webView.settings.javaScriptEnabled = true

Vous pouvez charger le fichier PDF maintenant, vous devez utiliser la visionneuse PDF de Google docs pour cela. Ajoutez simplement "https://docs.google.com/gview?embedded=true&url=" + l'URL du fichier PDF.

webView.loadUrl("https://docs.google.com/gview?embedded=true&url=" + "https://pdfurl.com/file.pdf")

 

Code source complet pour charger le PDF dans Android WebView

 

val webView: WebView = findViewById(R.id.web)

webView.webViewClient = WebViewClient()

webView.settings.setSupportZoom(true)

webView.settings.javaScriptEnabled = true

webView.loadUrl("https://docs.google.com/gview?embedded=true&url=" + "https://pdfurl.com/file.pdf")

 

C'est tout ce que vous pouvez charger un fichier PDF dans WebView en suivant ces étapes simples.

Si vous avez des questions sur le développement android, formulez votre question dans le forum et nous y repondrons rapidement.

 

1
Jean Claude Mbiya
Jean Claude Mbiya

Développeur Web full stack, Développeur Android (Certifié Google AAD) Formateur dans les domaines du numérique, Créateur letecode.com 👨‍💻. Je suis un grand passionné des nouvelles technologies et j'adore partager ce que j'apprend.

0 commentaire(s)

Laissez votre commentaire à @johnmbiya

ou pour laisser un commentaire