devbox
Cpp五条
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android解决WebView的定位功能、视频全屏播放、下载功能、页面Url的处理、进度条处理_android x5webview 视频全屏 进度条与底部系统导航栏

作者：Cpp五条 | 2024-03-25 10:21:15

赞

踩

android x5webview 视频全屏 进度条与底部系统导航栏

解决WebView的定位功能、视频全屏播放、下载功能、页面Url的处理、进度条处理


事先说明：

定位功能在安卓6.0需要用户手动确认权限后才能使用

若需在安卓6.0适配WebView的定位功能，则需要在WebView中手动增加用户权限访问

详细可百度安卓6.0权限管理系统，或者采用第三方封装好的权限管理类进行编写（如Bmob）


如果对内容不理解的话，可参考最后的整个类的代码

如果对BaseActivity这个抽象类不理解的话，可以查看下面一篇文章对BaseActivity的介绍


步骤一：webview初始化属性设置：

  1.     /**
  2.      * 初始化网络设置
  3.      */
  4.     private void initWebViewSettings() {
  5.         WebSettings webSettings = wv_web.getSettings();
  6.         //可以有缓存
  7.         webSettings.setAppCacheEnabled(true);
  8.         webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
  9.         //设置支持页面js可用
  10.         webSettings.setJavaScriptEnabled(true);
  11.         webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
  12.         //设置允许访问文件数据
  13.         webSettings.setAllowFileAccess(true);
  14.         //可以使用localStorage
  15.         webSettings.setDomStorageEnabled(true);
  16.         //可以有数据库
  17.         webSettings.setDatabaseEnabled(true);
  18.         //设置定位的数据库路径，若不设置定位数据库路径则无法使用定位功能
  19.         String dir = this.getApplicationContext().getDir("database", Context.MODE_PRIVATE).getPath();
  20.         webSettings.setGeolocationDatabasePath(dir);
  21.         //启用地理定位
  22.         webSettings.setGeolocationEnabled(true);
  23.     }
步骤二：页面Url的处理：（如你的WebView中有个打电话按钮，点击即可调用手机原生打电话）

1、对电话号码的处理；

2、对短信的处理；

3、对邮件的处理；

4、对位置的处理：

5、对地图的处理：

  1.     private class MyWebViewClient extends WebViewClient {
  2.         @Override
  3.         public boolean shouldOverrideUrlLoading(WebView view, String url) {
  4.             if (url.startsWith("http:") || url.startsWith("https:")) {
  5.                 return false;
  6.             } else if (url.startsWith(WebView.SCHEME_TEL) ||
  7.                     url.startsWith("sms:") ||
  8.                     url.startsWith(WebView.SCHEME_MAILTO) ||
  9.                     url.startsWith(WebView.SCHEME_GEO) ||
  10.                     url.startsWith("maps:")) {
  11.                 try {
  12.                     Intent intent = new Intent(Intent.ACTION_VIEW);
  13.                     intent.setData(Uri.parse(url));
  14.                     startActivity(intent);
  15.                 } catch (android.content.ActivityNotFoundException e) {
  16.                 }
  17.             }
  18.             return true;
  19.         }
  20.     }
步骤三：webview视频全屏播放的处理： 

  1.     private class MyWebChromeClient extends WebChromeClient {
  2.         @Override
  3.         public void onShowCustomView(View view, WebChromeClient.CustomViewCallback callback) {
  4.             if (myView != null) {
  5.                 callback.onCustomViewHidden();
  6.                 return;
  7.             }
  8.             //设置横屏
  9.             setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
  10.             myCallBack = callback;
  11.             //隐藏导航栏
  12.             ly_web.removeView(ly_edit);
  13.             //隐藏网页
  14.             ly_web.removeView(wv_web);
  15.             //添加视频
  16.             ly_web.addView(view);
  17.             myView = view;
  18.         }
  19.  
  20.         @Override
  21.         public void onHideCustomView() {
  22.             if (myView == null) {
  23.                 return;
  24.             }
  25.             //设置竖屏
  26.             setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
  27.             //隐藏视频
  28.             ly_web.removeView(myView);
  29.             //添加网页
  30.             ly_web.addView(wv_web);
  31.             //展示导航栏
  32.             ly_web.addView(ly_edit);
  33.             myView = null;
  34.             myCallBack.onCustomViewHidden();
  35.         }
  36.     }
步骤四：进度条进度的处理： 

  1.     private class MyWebChromeClient extends WebChromeClient {
  2.  
  3.         @Override
  4.         public void onProgressChanged(WebView view, int newProgress) {
  5.             //设置进度条
  6.             if (newProgress <= 40) {
  7.                 pb_show.setProgress(newProgress * 2);
  8.             } else if (newProgress >= 80) {
  9.                 pb_show.setProgress(newProgress);
  10.             }
  11.             if (newProgress == 100) {
  12.                 pb_show.setVisibility(View.GONE);
  13.             } else {
  14.                 pb_show.setVisibility(View.VISIBLE);
  15.             }
  16.         }
  17.  
  18.     }

步骤五：定位功能的处理： 

  1.     private class MyWebChromeClient extends WebChromeClient {
  2.         public void onGeolocationPermissionsShowPrompt(String origin,
  3.                                                        GeolocationPermissions.Callback callback) {
  4.             //定位服务
  5.             callback.invoke(origin, true, false);
  6.             super.onGeolocationPermissionsShowPrompt(origin, callback);
  7.         }
  8.     }

步骤六：下载功能的处理： 

  1.     private class MyDownLoadListener implements DownloadListener {
  2.         @Override
  3.         public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) {
  4.             Uri uri = Uri.parse(url);
  5.             Intent intent = new Intent(Intent.ACTION_VIEW, uri);
  6.             startActivity(intent);
  7.         }
  8.     }

下面是整个类的源码：

  1. public class WebActivity extends BaseActivity {
  2.  
  3.     //进度条
  4.     private ProgressBar pb_show;
  5.     //内容
  6.     private WebView wv_web;
  7.     private String url;
  8.     //视频切换
  9.     private View myView = null;
  10.     private LinearLayout ly_web = null;
  11.     //内核
  12.     private WebChromeClient chromeClient = null;
  13.     private WebChromeClient.CustomViewCallback myCallBack = null;
  14.     //底部
  15.     private LinearLayout ly_close, ly_go, ly_back, ly_refresh;
  16.     private LinearLayout ly_edit;
  17.  
  18.     @Override
  19.     public void initViews() {
  20.         setContentView(R.layout.activity_web);
  21.         wv_web = (WebView) findViewById(R.id.wv_web);
  22.         ly_web = (LinearLayout) findViewById(R.id.ly_web);
  23.         pb_show = (ProgressBar) findViewById(R.id.pb_show);
  24.         ly_close = (LinearLayout) findViewById(R.id.ly_close);
  25.         ly_go = (LinearLayout) findViewById(R.id.ly_go);
  26.         ly_back = (LinearLayout) findViewById(R.id.ly_back);
  27.         ly_refresh = (LinearLayout) findViewById(R.id.ly_refresh);
  28.         ly_edit = (LinearLayout) findViewById(R.id.ly_edit);
  29.     }
  30.  
  31.     @Override
  32.     public void initListener() {
  33.         ly_close.setOnClickListener(this);
  34.         ly_go.setOnClickListener(this);
  35.         ly_back.setOnClickListener(this);
  36.         ly_refresh.setOnClickListener(this);
  37.     }
  38.  
  39.     @Override
  40.     public void initData() {
  41.         //初始化网络设置
  42.         initWebViewSettings();
  43.         //初始化网路数据
  44.         initWebView();
  45.     }
  46.  
  47.  
  48.     @Override
  49.     public void processClick(View v) {
  50.         switch (v.getId()) {
  51.             case R.id.ly_close:
  52.                 finish();
  53.                 break;
  54.             case R.id.ly_go:
  55.                 if (wv_web.canGoForward()) {
  56.                     wv_web.goForward();
  57.                 }
  58.                 break;
  59.             case R.id.ly_back:
  60.                 if (wv_web.canGoBack()) {
  61.                     wv_web.goBack();
  62.                 }
  63.                 break;
  64.             case R.id.ly_refresh:
  65.                 wv_web.reload();
  66.                 break;
  67.         }
  68.     }
  69.  
  70.     /**
  71.      * 初始化网络设置
  72.      */
  73.     private void initWebViewSettings() {
  74.         WebSettings webSettings = wv_web.getSettings();
  75.         //可以有缓存
  76.         webSettings.setAppCacheEnabled(true);
  77.         webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
  78.         //设置支持页面js可用
  79.         webSettings.setJavaScriptEnabled(true);
  80.         webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
  81.         //设置允许访问文件数据
  82.         webSettings.setAllowFileAccess(true);
  83.         //可以使用localStorage
  84.         webSettings.setDomStorageEnabled(true);
  85.         //可以有数据库
  86.         webSettings.setDatabaseEnabled(true);
  87.         //设置定位的数据库路径
  88.         String dir = this.getApplicationContext().getDir("database", Context.MODE_PRIVATE).getPath();
  89.         webSettings.setGeolocationDatabasePath(dir);
  90.         //启用地理定位
  91.         webSettings.setGeolocationEnabled(true);
  92.     }
  93.  
  94.     /**
  95.      * 初始化网路数据
  96.      */
  97.     private void initWebView() {
  98.         url = getIntent().getStringExtra("url");
  99.         wv_web.loadUrl(url);
  100.         wv_web.setWebViewClient(new MyWebViewClient());
  101.         wv_web.setWebChromeClient(new MyWebChromeClient());
  102.         wv_web.setDownloadListener(new MyDownLoadListener());
  103.     }
  104.  
  105.  
  106.     /**
  107.      * webView渲染类
  108.      */
  109.     private class MyWebViewClient extends WebViewClient {
  110.         @Override
  111.         public boolean shouldOverrideUrlLoading(WebView view, String url) {
  112.             if (url.startsWith("http:") || url.startsWith("https:")) {
  113.                 return false;
  114.             } else if (url.startsWith(WebView.SCHEME_TEL) ||
  115.                     url.startsWith("sms:") ||
  116.                     url.startsWith(WebView.SCHEME_MAILTO) ||
  117.                     url.startsWith(WebView.SCHEME_GEO) ||
  118.                     url.startsWith("maps:")) {
  119.                 try {
  120.                     Intent intent = new Intent(Intent.ACTION_VIEW);
  121.                     intent.setData(Uri.parse(url));
  122.                     startActivity(intent);
  123.                 } catch (android.content.ActivityNotFoundException e) {
  124.                 }
  125.             }
  126.             return true;
  127.         }
  128.     }
  129.  
  130.     /**
  131.      * webView渲染类
  132.      */
  133.     private class MyWebChromeClient extends WebChromeClient {
  134.         @Override
  135.         public void onShowCustomView(View view, WebChromeClient.CustomViewCallback callback) {
  136.             if (myView != null) {
  137.                 callback.onCustomViewHidden();
  138.                 return;
  139.             }
  140.             //设置横屏
  141.             setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
  142.             myCallBack = callback;
  143.             //隐藏导航栏
  144.             ly_web.removeView(ly_edit);
  145.             //隐藏网页
  146.             ly_web.removeView(wv_web);
  147.             //添加视频
  148.             ly_web.addView(view);
  149.             myView = view;
  150.         }
  151.  
  152.         @Override
  153.         public void onHideCustomView() {
  154.             if (myView == null) {
  155.                 return;
  156.             }
  157.             //设置竖屏
  158.             setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
  159.             //隐藏视频
  160.             ly_web.removeView(myView);
  161.             //添加网页
  162.             ly_web.addView(wv_web);
  163.             //展示导航栏
  164.             ly_web.addView(ly_edit);
  165.             myView = null;
  166.             myCallBack.onCustomViewHidden();
  167.         }
  168.  
  169.         @Override
  170.         public void onProgressChanged(WebView view, int newProgress) {
  171.             //设置进度条
  172.             if (newProgress <= 40) {
  173.                 pb_show.setProgress(newProgress * 2);
  174.             } else if (newProgress >= 80) {
  175.                 pb_show.setProgress(newProgress);
  176.             }
  177.             if (newProgress == 100) {
  178.                 pb_show.setVisibility(View.GONE);
  179.             } else {
  180.                 pb_show.setVisibility(View.VISIBLE);
  181.             }
  182.         }
  183.  
  184.         public void onGeolocationPermissionsShowPrompt(String origin,
  185.                                                        GeolocationPermissions.Callback callback) {
  186.             //定位服务
  187.             callback.invoke(origin, true, false);
  188.             super.onGeolocationPermissionsShowPrompt(origin, callback);
  189.         }
  190.     }
  191.  
  192.     /**
  193.      * webView下载类
  194.      */
  195.     private class MyDownLoadListener implements DownloadListener {
  196.         @Override
  197.         public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) {
  198.             Uri uri = Uri.parse(url);
  199.             Intent intent = new Intent(Intent.ACTION_VIEW, uri);
  200.             startActivity(intent);
  201.         }
  202.     }
  203.  
  204.     @Override
  205.     public void onBackPressed() {
  206.         if (myView == null) {
  207.             if (wv_web.canGoBack()) {
  208.                 //后退
  209.                 wv_web.goBack();
  210.             } else {
  211.                 //退出
  212.                 finish();
  213.             }
  214.         } else {
  215.             //关闭全屏
  216.             chromeClient.onHideCustomView();
  217.         }
  218.     }
  219.  
  220.     @Override
  221.     protected void onResume() {
  222.         super.onResume();
  223.         wv_web.onResume();
  224.     }
  225.  
  226.     @Override
  227.     protected void onPause() {
  228.         super.onPause();
  229.         wv_web.onPause();
  230.     }
  231. }


效果图演示：顶部是进度条，底部是4个按钮分别和上面代码中对应，中间则是整个WebView









声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/308948
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号