Android應用內展示word、excel、pdf、ppt等文件(訊的Tbs)

什麼是Tbs

騰訊瀏覽服務(TBS,Tencent Browsing Service)整合騰訊底層瀏覽技術和騰訊平臺資源及能力,提供整體瀏覽服務解決方案。TBS更多詳細的介紹,請移步:https://x5.tencent.com/tbs/

關於官網接入的坑

關於接入Tbs服務官網給出了接入文檔:https://x5.tencent.com/tbs/guide/sdkInit.html,很搞笑的是我找了很久也沒有發現具有打開文件能力demo工程,官網sdk裏頭的demo工程居然都沒有展示文件功能,後來我發現官網論壇裏有不少朋友留言,不知如何使用SdK打開文件,因此本文主要將的是如何使用SDK打開文件,以及對sdk打開文件的功能的簡單封裝。

如何接入

參考:https://x5.tencent.com/tbs/guide/sdkInit.html

  1. 第一步

下載 SDK jar 包放到工程的libs目錄下




  1. 第二步

x5暫時不提供64位so文件,爲了保證64位手機能正常加載x5內核,進行以下兩項設置:
(1)打開對應module中的build.gradle文件,在文件的android{}中的defaultConfig{}裏(如果沒有defaultConfig{}則手動添加)添加如下配置: ndk{abiFilters "armeabi"}




(2)添加對應目錄下的liblbs.so文件



如何展示文件

顯示文件關鍵代碼,例如:

Bundle localBundle = new Bundle();
            localBundle.putString("filePath", mFile.toString());
            localBundle.putString("tempPath", Environment.getExternalStorageDirectory() + "/" + "TbsReaderTemp");
            if (this.mTbsReaderView == null)
                this.mTbsReaderView = getTbsReaderView(context);
            boolean bool = this.mTbsReaderView.preOpen(getFileType(mFile.toString()), false);
            if (bool) {
                this.mTbsReaderView.openFile(localBundle);
            }

TbsReaderView是封裝的用於展示文件的View,繼承與FramLayout,首先調用mTbsReaderView.preOpen(getFileType(mFile.toString()), false)進行文件打開之前的初始化工作,然後調用的mTbsReaderView.openFile(localBundle)打開文件,localBundle裏包含有文件在本地的路徑,加載文件步驟十分簡單,其中的加載任務全部交由tbs內核完成。

簡單封裝

有時候可能需要加載網絡文件,但是tbs目前是暫時不支持在線預覽的,因此是需要使用網絡將文件下載下來之後在展示,因此筆者這裏對獲取文件路徑這一部分進行封裝,如下:

 public void show() {
        if(mOnGetFilePathListener!=null){
            mOnGetFilePathListener.onGetFilePath(this);
        }
    }

    /***
     * 將獲取File路徑的工作,“外包”出去
     */
    public interface OnGetFilePathListener {
        void onGetFilePath(SuperFileView2 mSuperFileView2);
    }

TbsReaderView是上面的SuperFileView2的子View,完整使用如下:

 mSuperFileView = (SuperFileView2) findViewById(R.id.mSuperFileView);
        //設置獲取文件路徑監聽
        mSuperFileView.setOnGetFilePathListener(new SuperFileView2.OnGetFilePathListener() {
            @Override
            public void onGetFilePath(SuperFileView2 mSuperFileView2) {
                getFilePathAndShowFile(mSuperFileView2);
            }
        });

        Intent intent = this.getIntent();
        String path = (String) intent.getSerializableExtra("path");
        if (!TextUtils.isEmpty(path)) {
            TLog.d(TAG, "文件path:" + path);
            setFilePath(path);
        }
        mSuperFileView.show();

效果圖

展示doc文件

展示Excel文件

展示pdf文件

展示ppt文件

展示txt

源碼

https://github.com/ZhongXiaoHong/superFileView



作者:鍾離四郎
鏈接:http://www.jianshu.com/p/3f57d640b24d
來源:簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章