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">

<Progr
bb6d
essBar
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>