Android实现在线预览office文档的示例详解

package com.example.officedocpreview;
 
import android.manifest;
import android.content.pm.packagemanager;
import android.net.uri;
import android.os.*;
import android.view.view;
import android.webkit.*;
import android.widget.*;
import androidx.annotation.nonnull;
import androidx.appcompat.app.appcompatactivity;
import androidx.core.app.activitycompat;
import androidx.core.content.contextcompat;
import com.tencent.smtt.sdk.tbsreaderview;
 
import java.io.file;
import java.io.fileoutputstream;
import java.io.inputstream;
import java.net.httpurlconnection;
import java.net.url;
 
public class mainactivity extends appcompatactivity {
 
    private static final int req_storage = 1001;
    private webview webview;
    private tbsreaderview tbsview;
    private framelayout container;
    private string remotedocurl = "https://example.com/test.docx";
 
    @override
    protected void oncreate(bundle savedinstancestate) {
        super.oncreate(savedinstancestate);
        setcontentview(r.layout.activity_main);
 
        webview    = findviewbyid(r.id.web_view);
        tbsview    = findviewbyid(r.id.tbs_view);
        container  = findviewbyid(r.id.tbs_container);
 
        findviewbyid(r.id.btn_web_preview).setonclicklistener(v -> previewwithweb());
        findviewbyid(r.id.btn_tbs_preview).setonclicklistener(v -> previewwithtbs());
    }
 
    /** 方案一：webview + office online */
    private void previewwithweb() {
        webview.setvisibility(view.visible);
        container.setvisibility(view.gone);
 
        websettings ws = webview.getsettings();
        ws.setjavascriptenabled(true);
        ws.setbuiltinzoomcontrols(true);
        ws.setdisplayzoomcontrols(false);
        ws.setdomstorageenabled(true);
 
        string urlencoded = uri.encode(remotedocurl);
        string previewurl = "https://view.officeapps.live.com/op/view.aspx?src=" + urlencoded;
        webview.loadurl(previewurl);
    }
 
    /** 方案二：tbs sdk 预览，需要存储权限 */
    private void previewwithtbs() {
        webview.setvisibility(view.gone);
        container.setvisibility(view.visible);
        if (contextcompat.checkselfpermission(this,
            manifest.permission.write_external_storage) != packagemanager.permission_granted) {
            activitycompat.requestpermissions(this,
                new string[]{manifest.permission.write_external_storage}, req_storage);
        } else {
            downloadandopenwithtbs(remotedocurl);
        }
    }
 
    @override
    public void onrequestpermissionsresult(int req,
        @nonnull string[] perms, @nonnull int[] grantresults) {
        if (req == req_storage && grantresults.length>0
            && grantresults[0] == packagemanager.permission_granted) {
            downloadandopenwithtbs(remotedocurl);
        } else {
            toast.maketext(this, "存储权限被拒绝", toast.length_short).show();
        }
    }
 
    /** 下载到本地后用 tbsreaderview 打开 */
    private void downloadandopenwithtbs(string urlstr) {
        new thread(() -> {
            try {
                url url = new url(urlstr);
                httpurlconnection conn =
                    (httpurlconnection) url.openconnection();
                conn.connect();
                inputstream is = conn.getinputstream();
                file file = new file(getexternalfilesdir(null), "temp.docx");
                fileoutputstream fos = new fileoutputstream(file);
                byte[] buf = new byte[4096];
                int len;
                while ((len = is.read(buf))>0) fos.write(buf,0,len);
                fos.close();
                is.close();
 
                runonuithread(() -> openfileintbs(file.getabsolutepath()));
            } catch (exception e) {
                e.printstacktrace();
                runonuithread(() ->
                    toast.maketext(this, "下载失败", toast.length_short).show());
            }
        }).start();
    }
 
    private void openfileintbs(string filepath) {
        bundle params = new bundle();
        params.putstring(tbsreaderview.key_file_path, filepath);
        params.putstring(tbsreaderview.key_temp_path,
            getexternalfilesdir(null).getpath());
        boolean ok = tbsview.preopen(getfiletype(filepath), false);
        if (ok) {
            tbsview.openfile(params);
        } else {
            toast.maketext(this, "tbs 内核未加载或不支持", toast.length_short).show();
        }
    }
 
    private string getfiletype(string path) {
        if (path == null || !path.contains(".")) return "";
        return path.substring(path.lastindexof('.') + 1);
    }
 
    @override
    protected void ondestroy() {
        super.ondestroy();
        tbsview.onstop();
    }
}

<!-- androidmanifest.xml —— 声明 internet 与读写权限，并注册 tbsreaderview 权限 -->
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.officedocpreview">
  <uses-permission android:name="android.permission.internet"/>
  <uses-permission android:name="android.permission.write_external_storage"/>
  <application
      android:allowbackup="true"
      android:label="officepreview"
      android:icon="@mipmap/ic_launcher"
      android:theme="@style/theme.appcompat.light.noactionbar">
    <activity android:name=".mainactivity">
      <intent-filter>
        <action android:name="android.intent.action.main"/>
        <category android:name="android.intent.category.launcher"/>
      </intent-filter>
    </activity>
  </application>
</manifest>

​​​​​​​<!-- activity_main.xml —— 同时包含 webview 与 tbsreaderview -->
<?xml version="1.0" encoding="utf-8"?>
<framelayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
 
  <!-- webview 方式预览 -->
  <webview
      android:id="@+id/web_view"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:visibility="gone"/>
 
  <!-- tbs sdk 方式预览 -->
  <framelayout
      android:id="@+id/tbs_container"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:visibility="gone">
    <com.tencent.smtt.sdk.tbsreaderview
        android:id="@+id/tbs_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
  </framelayout>
 
  <!-- 底部按钮 -->
  <linearlayout
      android:layout_gravity="bottom|center_horizontal"
      android:orientation="horizontal"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:padding="16dp">
    <button
        android:id="@+id/btn_web_preview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="web 预览"/>
    <button
        android:id="@+id/btn_tbs_preview"
        android:layout_marginstart="16dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="tbs 预览"/>
  </linearlayout>
</framelayout>