簡介
最近項目需要在線瀏覽PDF文檔葵蒂,即不是像微信交播,QQ那樣點擊了下載下來,然后跳轉(zhuǎn)到其它應用打開践付。
肯定最快想到的方案就是用瀏覽器打開秦士,但是發(fā)現(xiàn),在IOS上面是可以正常打開的永高,可能是IOS本身就支持隧土,在Android手機上卻不行提针,百度一番,得到的結(jié)果是Android自帶的WebView不支持曹傀。那么接下來就是尋找解決之法了辐脖,PDF的加載解決方案之旅就開始了。
PDF加載開源庫
地址外鏈
這個解決方案是什么意思呢皆愉?有點抽象嗜价,看一下這個庫就知道了。pdf.js。
文檔中提到使用方法:
Modern browsers:https://mozilla.github.io/pdf.js/web/viewer.html
Older browsers:https://mozilla.github.io/pdf.js/es5/web/viewer.html
比如用Older browsers這個外鏈地址:https://mozilla.github.io/pdf.js/es5/web/viewer.html?file=pdf地址,然后用瀏覽器加載乙漓。
如果不清楚哗讥,可以安裝這么些,如果你是個想知道答案的人,可以問一下做web的朋友。
經(jīng)嘗試這種的確可以加載PDF文件,而且很省事歹苦。但是同時也存在很多問題。
PDF加載不出來
經(jīng)嘗試:
使用https://mozilla.github.io/pdf.js/web/viewer.html作為外鏈地址疚沐,基本上手機加載不出來暂氯。
使用https://mozilla.github.io/pdf.js/es5/web/viewer.html可以加載。-
外鏈地址不能訪問
用了幾個Android8.0及一下的手機測試了一波亮蛔,都可以加載痴施,正以為解決了問題時,測試說究流,我這邊怎么加載不出來辣吃,我說,我這邊完全沒有問題啊芬探。經(jīng)調(diào)試神得,發(fā)現(xiàn)Android10手機,上面的外鏈地址都不能訪問偷仿。Android9沒有試哩簿。試著努力解決,無果酝静,放棄节榜。
性能問題
首先這個地址可以訪問,但是訪問速度呢别智,不敢說宗苍;加上用WebView加載PDF文件本來就存在性能問題,所以即便能加載,其實也不是很好的方案讳窟。
使用PDF.js
這個需要使用到上面說的開源庫让歼,你說外鏈訪問不行,那把庫集成到自己服務器或者集成到Android工程中丽啡,也可以下載到手機里谋右,加載本地文件或者網(wǎng)絡文件,不就可以了补箍,這個方法的確可以解決倚评,但是當時沒時間弄,我也就隨便找了一個解決方案馏予,后面會說。這個方案可以用于手機加載網(wǎng)頁使用盔性。
-
遇到的問題
用手機或者瀏覽器加載時報錯:
在viewer.js為了安全霞丧,對域名進行了判斷:
所以可以把這個函數(shù)(validateFileURL(file))的調(diào)用注釋掉。
接下來就可以加載pdf
比如:file:///path/viewer.html?file=path/guanxin_paitent_test.pdf
使用AndroidPDF
這個庫支持加載網(wǎng)絡PDF文件冕香,集成后apk大概增加1M多蛹尝,但是效果嘛,不太好悉尾。
使用AndroidPdfViewer
這個庫也是基于 PdfiumAndroid開始的突那,算是效果最好的庫了。但是apk提交增加也很明顯构眯,配置ndk支持某種平臺后愕难,apk大概增加3.5M多。但是AndroidPdfViewer不能直接加載網(wǎng)絡PDF文件惫霸,也不提供進度提示 猫缭。所以自己封裝了一個用于加載網(wǎng)絡PDF文檔,支持使用默認壹店,自定義進度條的庫猜丹。PDF-load。具體實現(xiàn)查看開源庫中的LibPdf模塊硅卢。
使用:
<com.pds.pdf.core.ExtPDFView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/pdfView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
private void displayFromUrl(String url) {
pdfFileName = FileUtils.getFileNameByUrl(url);
pdfView.fromUrl(url)
.defaultPage(pageNumber)
.onPageChange(this)
.enableAnnotationRendering(true)
.onLoad(this)
.scrollHandle(new DefaultScrollHandle(this))
.spacing(10)
.onPageError(this);
pdfView.enableCache(true)
.useDefaultProgressView().go();
效果如下:
直接加載Asset射窒,本地文件,參考AndroidPdfViewer
-
使用默認進度條
LibPdf支持進度顯示将塑,LibPdf提供了默認的進度View脉顿,即在頂部顯示類似加載網(wǎng)頁一樣的進度條,調(diào)用useDefaultProgressView方法即可抬旺。
添加自定義進度View弊予,支持3哥方向,分別是加在PDF視圖的頂部开财,底部和疊在PDF視圖的上面汉柒,等PDF加載完成隱藏误褪。
-
自定義進度條
LibPdf支持自定義進度條,調(diào)用addCustomProgress方法加入自己的進度View碾褂。
使用 騰訊X5瀏覽器
使用騰訊X5引擎加載PDF兽间,doc等文件。如果項目中使用了騰訊X5引擎正塌,那么可以直接使用pdf-x5庫瀏覽PDF嘀略,apk體積基本沒有什么增加,如果項目中沒有 使用X5引擎乓诽,要用pdf-x5加載PDF帜羊,那么需要先集成X5引擎,開源庫中的web庫提供的簡單的X5集成鸠天。
該庫一共支持幾十中文件加載讼育,只需要傳入不同文件地址就可以了,下面是我測試的效果:
使用tbs加載:
- pptx加載效果
使用QbSdk加載:
QbSdk加載支持的文件格式更多稠集,具體參考騰訊X5官網(wǎng)
調(diào)用之后奶段,優(yōu)先調(diào)起 QQ 瀏覽器打開文件。如果沒有安裝 QQ 瀏覽器剥纷,在 X5 內(nèi)核下調(diào)起簡版 QB 打開文件痹籍。如果使用的系統(tǒng)內(nèi)核,則調(diào)起文件閱讀器彈框晦鞋。
使用方法請參考PDF-load
SVG
大概思路就是把PDF文件轉(zhuǎn)成SVG蹲缠,但是SVG需要大量的計算量,而且我目前是通過其它網(wǎng)站進行的PDF轉(zhuǎn)SVG
PDF轉(zhuǎn)其它格式文件
比如轉(zhuǎn)圖片等悠垛,這個自己研究吼砂。