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

最新推荐文章于 2024-07-13 10:30:57 发布

许英俊潇洒

最新推荐文章于 2024-07-13 10:30:57 发布

阅读量1.1w

点赞数 4

文章标签： android webview java WebViewClient WebChromeClient

本文链接：https://blog.csdn.net/qq_30379689/article/details/51898640

版权

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

事先说明：

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

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

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

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

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

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

    /**
     * 初始化网络设置
     */
    private void initWebViewSettings() {
        WebSettings webSettings = wv_web.getSettings();
        //可以有缓存
        webSettings.setAppCacheEnabled(true);
        webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
        //设置支持页面js可用
        webSettings.setJavaScriptEnabled(true);
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        //设置允许访问文件数据
        webSettings.setAllowFileAccess(true);
        //可以使用localStorage
        webSettings.setDomStorageEnabled(true);
        //可以有数据库
        webSettings.setDatabaseEnabled(true);
        //设置定位的数据库路径，若不设置定位数据库路径则无法使用定位功能
        String dir = this.getApplicationContext().getDir("database", Context.MODE_PRIVATE).getPath();
        webSettings.setGeolocationDatabasePath(dir);
        //启用地理定位
        webSettings.setGeolocationEnabled(true);
    }

步骤二：页面Url的处理：（如你的WebView中有个打电话按钮，点击即可调用手机原生打电话）

1、对电话号码的处理；

2、对短信的处理；

3、对邮件的处理；

4、对位置的处理：

5、对地图的处理：

    private class MyWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            if (url.startsWith("http:") || url.startsWith("https:")) {
                return false;
            } else if (url.startsWith(WebView.SCHEME_TEL) ||
                    url.startsWith("sms:") ||
                    url.startsWith(WebView.SCHEME_MAILTO) ||
                    url.startsWith(WebView.SCHEME_GEO) ||
                    url.startsWith("maps:")) {
                try {
                    Intent intent = new Intent(Intent.ACTION_VIEW);
                    intent.setData(Uri.parse(url));
                    startActivity(intent);
                } catch (android.content.ActivityNotFoundException e) {
                }
            }
            return true;
        }
    }

步骤三：webview视频全屏播放的处理：

    private class MyWebChromeClient extends WebChromeClient {
        @Override
        public void onShowCustomView(View view, WebChromeClient.CustomViewCallback callback) {
            if (myView != null) {
                callback.onCustomViewHidden();
                return;
            }
            //设置横屏
            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
            myCallBack = callback;
            //隐藏导航栏
            ly_web.removeView(ly_edit);
            //隐藏网页
            ly_web.removeView(wv_web);
            //添加视频
            ly_web.addView(view);
            myView = view;
        }

        @Override
        public void onHideCustomView() {
            if (myView == null) {
                return;
            }
            //设置竖屏
            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
            //隐藏视频
            ly_web.removeView(myView);
            //添加网页
            ly_web.addView(wv_web);
            //展示导航栏
            ly_web.addView(ly_edit);
            myView = null;
            myCallBack.onCustomViewHidden();
        }
    }

步骤四：进度条进度的处理：

    private class MyWebChromeClient extends WebChromeClient {

        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            //设置进度条
            if (newProgress <= 40) {
                pb_show.setProgress(newProgress * 2);
            } else if (newProgress >= 80) {
                pb_show.setProgress(newProgress);
            }
            if (newProgress == 100) {
                pb_show.setVisibility(View.GONE);
            } else {
                pb_show.setVisibility(View.VISIBLE);
            }
        }

    }

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

    private class MyWebChromeClient extends WebChromeClient {
        public void onGeolocationPermissionsShowPrompt(String origin,
                                                       GeolocationPermissions.Callback callback) {
            //定位服务
            callback.invoke(origin, true, false);
            super.onGeolocationPermissionsShowPrompt(origin, callback);
        }
    }

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

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

下面是整个类的源码：

public class WebActivity extends BaseActivity {

    //进度条
    private ProgressBar pb_show;
    //内容
    private WebView wv_web;
    private String url;
    //视频切换
    private View myView = null;
    private LinearLayout ly_web = null;
    //内核
    private WebChromeClient chromeClient = null;
    private WebChromeClient.CustomViewCallback myCallBack = null;
    //底部
    private LinearLayout ly_close, ly_go, ly_back, ly_refresh;
    private LinearLayout ly_edit;

    @Override
    public void initViews() {
        setContentView(R.layout.activity_web);
        wv_web = (WebView) findViewById(R.id.wv_web);
        ly_web = (LinearLayout) findViewById(R.id.ly_web);
        pb_show = (ProgressBar) findViewById(R.id.pb_show);
        ly_close = (LinearLayout) findViewById(R.id.ly_close);
        ly_go = (LinearLayout) findViewById(R.id.ly_go);
        ly_back = (LinearLayout) findViewById(R.id.ly_back);
        ly_refresh = (LinearLayout) findViewById(R.id.ly_refresh);
        ly_edit = (LinearLayout) findViewById(R.id.ly_edit);
    }

    @Override
    public void initListener() {
        ly_close.setOnClickListener(this);
        ly_go.setOnClickListener(this);
        ly_back.setOnClickListener(this);
        ly_refresh.setOnClickListener(this);
    }

    @Override
    public void initData() {
        //初始化网络设置
        initWebViewSettings();
        //初始化网路数据
        initWebView();
    }


    @Override
    public void processClick(View v) {
        switch (v.getId()) {
            case R.id.ly_close:
                finish();
                break;
            case R.id.ly_go:
                if (wv_web.canGoForward()) {
                    wv_web.goForward();
                }
                break;
            case R.id.ly_back:
                if (wv_web.canGoBack()) {
                    wv_web.goBack();
                }
                break;
            case R.id.ly_refresh:
                wv_web.reload();
                break;
        }
    }

    /**
     * 初始化网络设置
     */
    private void initWebViewSettings() {
        WebSettings webSettings = wv_web.getSettings();
        //可以有缓存
        webSettings.setAppCacheEnabled(true);
        webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
        //设置支持页面js可用
        webSettings.setJavaScriptEnabled(true);
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        //设置允许访问文件数据
        webSettings.setAllowFileAccess(true);
        //可以使用localStorage
        webSettings.setDomStorageEnabled(true);
        //可以有数据库
        webSettings.setDatabaseEnabled(true);
        //设置定位的数据库路径
        String dir = this.getApplicationContext().getDir("database", Context.MODE_PRIVATE).getPath();
        webSettings.setGeolocationDatabasePath(dir);
        //启用地理定位
        webSettings.setGeolocationEnabled(true);
    }

    /**
     * 初始化网路数据
     */
    private void initWebView() {
        url = getIntent().getStringExtra("url");
        wv_web.loadUrl(url);
        wv_web.setWebViewClient(new MyWebViewClient());
        wv_web.setWebChromeClient(new MyWebChromeClient());
        wv_web.setDownloadListener(new MyDownLoadListener());
    }


    /**
     * webView渲染类
     */
    private class MyWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            if (url.startsWith("http:") || url.startsWith("https:")) {
                return false;
            } else if (url.startsWith(WebView.SCHEME_TEL) ||
                    url.startsWith("sms:") ||
                    url.startsWith(WebView.SCHEME_MAILTO) ||
                    url.startsWith(WebView.SCHEME_GEO) ||
                    url.startsWith("maps:")) {
                try {
                    Intent intent = new Intent(Intent.ACTION_VIEW);
                    intent.setData(Uri.parse(url));
                    startActivity(intent);
                } catch (android.content.ActivityNotFoundException e) {
                }
            }
            return true;
        }
    }

    /**
     * webView渲染类
     */
    private class MyWebChromeClient extends WebChromeClient {
        @Override
        public void onShowCustomView(View view, WebChromeClient.CustomViewCallback callback) {
            if (myView != null) {
                callback.onCustomViewHidden();
                return;
            }
            //设置横屏
            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
            myCallBack = callback;
            //隐藏导航栏
            ly_web.removeView(ly_edit);
            //隐藏网页
            ly_web.removeView(wv_web);
            //添加视频
            ly_web.addView(view);
            myView = view;
        }

        @Override
        public void onHideCustomView() {
            if (myView == null) {
                return;
            }
            //设置竖屏
            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
            //隐藏视频
            ly_web.removeView(myView);
            //添加网页
            ly_web.addView(wv_web);
            //展示导航栏
            ly_web.addView(ly_edit);
            myView = null;
            myCallBack.onCustomViewHidden();
        }

        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            //设置进度条
            if (newProgress <= 40) {
                pb_show.setProgress(newProgress * 2);
            } else if (newProgress >= 80) {
                pb_show.setProgress(newProgress);
            }
            if (newProgress == 100) {
                pb_show.setVisibility(View.GONE);
            } else {
                pb_show.setVisibility(View.VISIBLE);
            }
        }

        public void onGeolocationPermissionsShowPrompt(String origin,
                                                       GeolocationPermissions.Callback callback) {
            //定位服务
            callback.invoke(origin, true, false);
            super.onGeolocationPermissionsShowPrompt(origin, callback);
        }
    }

    /**
     * webView下载类
     */
    private class MyDownLoadListener implements DownloadListener {
        @Override
        public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) {
            Uri uri = Uri.parse(url);
            Intent intent = new Intent(Intent.ACTION_VIEW, uri);
            startActivity(intent);
        }
    }

    @Override
    public void onBackPressed() {
        if (myView == null) {
            if (wv_web.canGoBack()) {
                //后退
                wv_web.goBack();
            } else {
                //退出
                finish();
            }
        } else {
            //关闭全屏
            chromeClient.onHideCustomView();
        }
    }

    @Override
    protected void onResume() {
        super.onResume();
        wv_web.onResume();
    }

    @Override
    protected void onPause() {
        super.onPause();
        wv_web.onPause();
    }
}

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