如何在Android设备上显示内联PDF文档?

时间:2015-03-02 16:58:21

标签: android html cordova pdf phonegap-plugins

我需要在HTML页面上显示PDF文档,而不是在单独的页面上显示PDF。

用户基本上会单击一个按钮,该按钮会将它们带到一个新页面,其中包含页眉部分,页脚部分和这两部分之间的PDF。

我的第一个想法是iFrame。它在我的浏览器上运行得非常好。但是一旦我将应用程序移植到Android设备上,我就意识到Android设备甚至没有显示PDF。它只是PDF应该是空白的空间....

我是否可以根据需要显示PDF?

2 个答案:

答案 0 :(得分:0)

查看此库:PDF.js或此fork:Android-pdf.jsHere您有使用示例

答案 1 :(得分:0)

下载库或使用mavaen url并从中导入项目 https://github.com/JoanZapata/android-pdfview

并简单地将xml代码放在布局

 <RelativeLayout>
    <yourheader id="header" 
    alignParentTop="true"/>

        <com.joanzapata.pdfview.PDFView
                android:id="@+id/pdfview"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                below="id/header"
                above="id/footer"/>

         <yourFooter id="footer"
          alignparentBottom="true"/>
    <RelativeLayout>

以及您的活动onCreate

中的代码
pdfView.fromAsset(pdfName)
    .pages(0, 2, 1, 3, 3, 3)
    .defaultPage(1)
    .showMinimap(false)
    .enableSwipe(true)
    .onDraw(onDrawListener)
    .onLoad(onLoadCompleteListener)
    .onPageChange(onPageChangeListener)
    .load();

它将完成其余的工作。

所有赠送金额均转至https://github.com/JoanZapata/android-pdfview

页面是可选的,它允许您根据需要过滤和订购PDF页面

onDraw也是可选的,允许您在当前页面上方提供的画布上绘制内容