Android之WebView加载PDF链接预览PDF文件 |
您所在的位置：网站首页 › pdf文档无法加载 › Android之WebView加载PDF链接预览PDF文件 |
Android之WebView加载PDF链接预览PDF文件
|
文章目录
前言一、效果图二、实现步骤1.在项目main目录下新建一个assets2.新建一个js为index.js3.新建一个HTML为index.html4.xml布局4.Activity类（kotlin）5.Activity类（Java）
总结
前言
Android的webview压根就不支持加载pdf，Android与iOS不同，iOS加载pdf，不管本地还是在线，直接使用webview渲染就可以了，而Android却做不到，所以我们必须得扣脑壳了。方法也有很多种，比如第三方PDFview，MuPDF等，但是不推荐，引入进去apk体积会大很多，所以大多场景都是通过js解析，然后在webview中加载PDF文件，所以内库很小也就2兆多，那我们就开始吧。 一、效果图
注意：activity代码要点在于WebSettings设置的参数和loadUrl()加载URL时加"file:///android_asset/index.html?" public class PDFWebViewActivity extends Activity implements View.OnClickListener { private String url;//接收URL private String title;//接收title private ImageView left_black_risk;//返回键 private TextView text_title;//title private RelativeLayout gosign;//去签名 private static String message;//返回消息 private WebView webviewx5;//webview @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); //去掉状态栏 if (Build.VERSION.SDK_INT >= 21) { View decorView = getWindow().getDecorView(); int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE; decorView.setSystemUiVisibility(option); getWindow().setStatusBarColor(Color.parseColor("#00000000")); } //修改状态栏文字为黑色 getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR); setContentView(R.layout.pdfwebviewlayout); url = getIntent().getStringExtra("url").trim(); title = getIntent().getStringExtra("title").trim(); instantiation(); } private void instantiation() { webviewx5 = findViewById(R.id.webview); left_black_risk = findViewById(R.id.left_black_risk); text_title = findViewById(R.id.text_title); gosign = findViewById(R.id.gosign); text_title.setText(title); left_black_risk.setOnClickListener(this); gosign.setOnClickListener(this); webviewDe(url); } /** * webview显示 */ @SuppressLint({"SetJavaScriptEnabled", "JavascriptInterface"}) private void webviewDe(String url) { System.out.println("网页url打印：" + url); WebSettings webSettings = webviewx5.getSettings(); webSettings.setCacheMode(WebSettings.LOAD_DEFAULT); //设置加载进来的页面自适应手机屏幕 webSettings.setUseWideViewPort(true); webSettings.setLoadWithOverviewMode(true); //问题2：基本都需要支持JS webSettings.setJavaScriptEnabled(true); webSettings.setAllowFileAccess(true); //支持通过JS打开新窗口 webSettings.setAllowFileAccessFromFileURLs(true); webSettings.setAllowUniversalAccessFromFileURLs(true); webSettings.setJavaScriptCanOpenWindowsAutomatically(true); webSettings.setGeolocationEnabled(true); webSettings.setDomStorageEnabled(true); webSettings.setAppCacheEnabled(false); webviewx5.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); //触摸焦点起作用 webviewx5.requestFocus(); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { //http与https的方法 webSettings.setMixedContentMode(MIXED_CONTENT_ALWAYS_ALLOW); } // 添加js交互接口类，并起别名 Android webviewx5.addJavascriptInterface(new JavascriptImgInterface(), "Android"); //设置WebChromeClient类 webviewx5.setWebChromeClient(new WebChromeClient() { //获取网站标题 @Override public void onReceivedTitle(WebView view, String title) { System.out.println("标题在这里" + title); } //图片选取 @Override public boolean onShowFileChooser(WebView webView, ValueCallback filePathCallback, FileChooserParams fileChooserParams) { return true; } }); //设置WebViewClient类 webviewx5.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // 返回值是true的时候控制去WebView打开，为false调用系统浏览器或第三方浏览器 view.loadUrl(url); return true; } //设置加载前的函数 @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { if (!PDFWebViewActivity.this.isFinishing())//xActivity即为本界面的Activity { System.out.println("开始加载了"); DialogUtils.showLoadingDialog(PDFWebViewActivity.this); } } //设置结束加载函数 @Override public void onPageFinished(WebView view, String url) { System.out.println("结束加载了"); try { DialogUtils.hideLoadingDialog(); } catch (Exception e) { } } }); webviewx5.loadUrl("file:///android_asset/index.html?" + url); } public class JavascriptImgInterface { /** * 注意： 在Android4.2极其以上系统需要给提供js调用的方法前加入一个注释：@JavaScriptInterface; * 在虚拟机当中 Javascript调用Java方法会检测这个anotation， * 如果方法被标识@JavaScriptInterface则Javascript可以成功调用这个Java方法，否则调用不成功。 */ //js调用Android方法给web返回Token值 @JavascriptInterface public String Android_Token() { System.out.println("打印的token：" + SpUtil.get(ConstantUtil.TOKEN, "")); return SpUtil.get(ConstantUtil.TOKEN, ""); } //js调用Android方法下载apk @JavascriptInterface public String Android_DownloadApk(String url) { //方式一：代码实现跳转 Intent intent = new Intent(); //通过intent发送数据 intent.setAction("android.intent.action.VIEW"); //创建一个链接 链接.语法解析 Uri content_url = Uri.parse(url); //通过intent接受 intent.setData(content_url); //开始于当前intent startActivity(intent); return url; } } @Override public void onClick(View view) { switch (view.getId()) { //返回键 case R.id.left_black_risk: finish(); break; //去签名 case R.id.gosign: break; } } } 总结以上便是通过加载js的方式预览PDF文件了，都有注释自己慢慢去理解，有问题欢迎提出并指正！ |
【本文地址】
今日新闻 |
推荐新闻 |