Android应用内展示word、excel、pdf、ppt等文

2017-09-20 本文已影响9929人钟离四郎

笔者最近两个项目里头都有需要展示文件的功能，于是做了一番调研，发现asce1885给出一份方案，不过都是关于pdf的展示：http://www.jianshu.com/p/1bf49af6584d，显然不符合笔者的要求，笔者的项目里需要展示的文件格式并不单一，后来经过一番搜索最后敲定使用腾讯的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

第一步

下载 SDK jar 包放到工程的libs目录下

image.png

第二步

x5暂时不提供64位so文件，为了保证64位手机能正常加载x5内核，进行以下两项设置：
(1)打开对应module中的build.gradle文件,在文件的android{}中的defaultConfig{}里(如果没有defaultConfig{}则手动添加)添加如下配置: ndk{abiFilters "armeabi"}

image.png

(2)添加对应目录下的liblbs.so文件

image.png

如何展示文件

显示文件关键代码，例如：

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();