Android中pdf,doc,docx,xls,xlsx,ppt,pptx等office文件预览

图片:预览网络图片可以直接使用webview.loadurl();

office文件:预览网络图片可以直接使用webview.loadurl(微软在线预览地址+你的文件地址);

//微软在线预览office文档
private final String MicrosoftOnlinePreviewUrl = "https://view.officeapps.live.com/op/view.aspx?src=";
//谷歌在线预览——不推荐使用
private final String GoogleOnlinePreviewUrl = "http://docs.google.com/gview?embedded=true&url=";

pdf预览:添加依赖compile 'es.voghdev.pdfviewpager:library:1.0.1',Android 5.0以上可以预览【资源较小】

pdf预览:https://github.com/JoanZapata/android-pdfview 资源消耗太大(打包后多13M)Android版本支持好

2.看java代码,有详细注解。

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ProgressBar;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.adas.etraining.R;
import com.adas.etraining.utils.LogD;
import com.adas.etraining.utils.MobileInfoUtil;
import com.adas.etraining.utils.Tools;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;
import butterknife.Unbinder;
import es.voghdev.pdfviewpager.library.RemotePDFViewPager;
import es.voghdev.pdfviewpager.library.adapter.PDFPagerAdapter;
import es.voghdev.pdfviewpager.library.remote.DownloadFile;

/**
 * 文件预览页
 */
public class FileShowActivity extends AppCompatActivity implements DownloadFile.Listener {
    @BindView(R.id.pcenter_toolb)
    Toolbar pcenterToolb;
    @BindView(R.id.content)
    RelativeLayout content;
    @BindView(R.id.pdfcontent)
    LinearLayout pdfcontent;
    private Unbinder unbinder;
    @BindView(R.id.pc_child_toolbar_subtitle)
    TextView pcChildToolbarSubtitle;
    @BindView(R.id.pc_child_toolbar_title)
    TextView pcChildToolbarTitle;
    @BindView(R.id.pc_child_toolbar_searchbtn)
    ImageView pcChildToolbarSearchbtn;
    private WebView webView;
    private String urlString;
    private ProgressBar progressBar;
    private LinearLayout linearLayout;
    //微软在线预览office文档
    private final String MicrosoftOnlinePreviewUrl = "https://view.officeapps.live.com/op/view.aspx?src=";
    //谷歌在线预览——不推荐使用
    private final String GoogleOnlinePreviewUrl = "http://docs.google.com/gview?embedded=true&url=";
    private RemotePDFViewPager remotePDFViewPager;
    private PDFPagerAdapter adapter;
    private String fileName;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_file_show);
        unbinder = ButterKnife.bind(this);
        setToolbar();
        initData();
        initView();
    }

    private void setToolbar() {
        pcChildToolbarTitle.setText("附件详情");
        pcChildToolbarSubtitle.setText("活动详情");
        pcChildToolbarSearchbtn.setVisibility(View.GONE);
        setSupportActionBar(pcenterToolb);
    }

    /**
     * 初始化数据
     */
    private void initData() {
        Intent intent = this.getIntent();
        if (intent == null) return;
        urlString = intent.getStringExtra("data");//接收上一个页面传过来的文件地址
        fileName = urlString.substring(urlString.lastIndexOf("/") + 1);//取文件名
        LogD.d("文件名:" + fileName);
    }

    private void initView() {
        linearLayout = (LinearLayout) findViewById(R.id.linear);
        progressBar = (ProgressBar) findViewById(R.id.progressbar);
        progressBar.setMax(100);
        webView = (WebView) findViewById(R.id.webview);

        if (urlString.endsWith("pdf")) {//是pdf文件
            checkOsVersion();
        } else if (isPicture(urlString))//是图片,webview可以直接加载网络图片
            webView.loadUrl(Tools.getServerPath(this) + urlString);
        else//是office文档,使用 微软在线预览地址+文件地址 预览,Google在线预览需会存在问题
            webView.loadUrl(MicrosoftOnlinePreviewUrl + Tools.getServerPath(this) + urlString);

        LogD.d(Tools.getServerPath(this) + urlString);//LogD是一个log工具类,可以注释掉

        webView.setWebViewClient(new MyWebViewClient());    //设置在本页显示
        webView.setWebChromeClient(new MyWebChromeClient());  //设置进度监听,自定义类MyWebChromeClient继承自WebChromeClient
        webView.getSettings().setLoadWithOverviewMode(true);  //设置加载在本页
        webView.getSettings().setJavaScriptEnabled(true);   //加载javascript
        webView.getSettings().setSupportZoom(true);
        webView.getSettings().setBuiltInZoomControls(true);
    }

    /**
     * 验证版本号,5.0以上可以预览pdf,否则...
     * 使用RemotePDFViewPager需添加依赖:【支持5.0以上Android系统】
     * compile 'es.voghdev.pdfviewpager:library:1.0.1'
     */
    private void checkOsVersion() {
        webView.setVisibility(View.GONE);
        String osVersion = MobileInfoUtil.getOsVersion();
        LogD.d("Android系统版本号:" + osVersion);
        int index = osVersion.indexOf(".");
        int os = Integer.valueOf(osVersion.substring(index - 1, index));
        if (os >= 5) {
            /**
             * 这里添加了pdf文件加载事件
             * Tools.getServerPath(this) + urlString  是pdf的网络地址
             */
            remotePDFViewPager = new RemotePDFViewPager(this, Tools.getServerPath(this) + urlString, this);
        } else
            // 我在上一个页面已经判断了系统版本,这里不做出来
            finish();
    }

    /**
     * 判断是不是office文档
     */
    private boolean isPicture(String filePath) {
        if (filePath.endsWith("doc") || filePath.endsWith("docx") ||
                filePath.endsWith("xls") || filePath.endsWith("xlsx") ||
                filePath.endsWith("ppt") || filePath.endsWith("pptx"))
            return false;
        return true;
    }

    @OnClick({R.id.toolbar_back, R.id.pc_child_toolbar_subtitle})
    public void onClick(View view) {
        finish();
    }

    /**
     * pdf预览下载事件
     * 加载成功
     *
     * @param url
     * @param destinationPath
     */
    @Override
    public void onSuccess(String url, String destinationPath) {
        content.setVisibility(View.GONE);
        pdfcontent.setVisibility(View.VISIBLE);
        adapter = new PDFPagerAdapter(this, fileName);
        remotePDFViewPager.setAdapter(adapter);
        pdfcontent.addView(remotePDFViewPager);
    }

    @Override
    public void onFailure(Exception e) {
        content.setVisibility(View.GONE);
        pdfcontent.setVisibility(View.VISIBLE);
        LogD.d("错误信息:" + e.getMessage());
        Toast.makeText(this, "文件预览失败", Toast.LENGTH_SHORT).show();
    }

    /**
     * 加载pdf进度
     *
     * @param progress 当前进度——字节数
     * @param total    总进度——字节数
     */
    @Override
    public void onProgressUpdate(int progress, int total) {
        progressBar.setProgress((int) (((float) progress) / total * 100));
    }


    //webview页面加载进度监听类
    class MyWebChromeClient extends WebChromeClient {
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            super.onProgressChanged(view, newProgress);
            //加载进度newProgress
            progressBar.setProgress(newProgress);
            if (progressBar.getProgress() > 80) {
                webView.setVisibility(View.VISIBLE);
            }
            if (progressBar.getProgress() >= 100) {
                linearLayout.setVisibility(View.GONE);
            }
        }
    }

    //页面加载监听类
    class MyWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);//本webView加载【不会去调用系统的加载】
            return true;
        }
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        if (unbinder != null) unbinder.unbind();//解除butterknife绑定
    }
}
3.看布局文件代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_file_show"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.adas.etraining.ui.active.FileShowActivity">
    <!-- 引入标题栏 -->
    <include
        layout="@layout/layout_pc_child_toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <!-- 文件是pdf时,将remotePDFViewPager添加到
    此LinearLayout作为其子控件 -->
    <LinearLayout
        android:id="@+id/pdfcontent"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:visibility="gone" />

    <RelativeLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <WebView
            android:id="@+id/webview"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <LinearLayout
            android:id="@+id/linear"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:orientation="vertical"
            android:padding="20dp">

            <ProgressBar
                android:id="@+id/progressbar"
                style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
                android:layout_width="match_parent"
                android:layout_height="3dp"
                android:progressDrawable="@drawable/fileshow_progressbar_style" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="10dp"
                android:text="加载中..." />
        </LinearLayout>
    </RelativeLayout>

</LinearLayout>







  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值