怎样抽取一个常用的WebView基类

2016-09-23 本文已影响576人安卓小生

怎样抽取一个常用的WebView基类

在开发中我们会经常用到网页加载，但是如果每次出现一个需要加载页面的需求时，就去写一个WebView,这样的方式不高效，也不方便，所以时候有必要抽取一个可以复用的WebView加载页面出来了
既然要抽取WebView，那么我们先来了解一下WebView
1. WebView属性的设置
  WebSettings用来对WebView的配置进行配置和管理，比如是否可以进行文件操作、缓存的设置、页面是否支持放大和缩小、是否允许使用数据库api、字体及文字编码设置、是否允许js脚本运行、是否允许图片自动加载、是否允许数据及密码保存等等
  示例代码如下:
```
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
webSettings.setDomStorageEnabled(true);
webSettings.setDatabaseEnabled(true);
webSettings.setAppCacheEnabled(true);
webSettings.setAllowFileAccess(true);
webSettings.setSavePassword(true);
webSettings.setSupportZoom(true);
webSettings.setBuiltInZoomControls(true);
/*
 用WebView显示图片，可使用这个参数 设置网页布局类型：
 LayoutAlgorithm.NARROW_COLUMNS ：适应内容大小
 LayoutAlgorithm.SINGLE_COLUMN : 适应屏幕，内容将自动缩放
*/
```
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
webSettings.setUseWideViewPort(true);
mWebView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
mWebView.setHorizontalScrollbarOverlay(true);
mWebView.setHorizontalScrollBarEnabled(true);
mWebView.requestFocus();
```
* 设置WebChromeClient子类
WebChromeClient会在一些影响浏览器ui交互动作发生时被调用，比如WebView关闭和隐藏、页面加载进展、js确认框和警告框、js加载前、js操作超时、webView获得焦点等等
```java
mWebView.setWebChromeClient(new MyWebChromeClient());
```
- 设置WebViewClient子类
  WebViewClient会在一些影响内容渲染的动作发生时被调用，比如表单的错误提交需要重新提交、页面开始加载及加载完成、资源加载中、接收到https认证需要处理、页面键盘响应、页面中的url打开处理等等
```
mWebView.setWebViewClient(new MyWebViewClient());
```
- 设置addJavascriptInterface方法
  使Js调用Native本地Java对象,实现本地Java代码和HTML页面进行交互，
  注意:因为安全问题的考虑 Google在使用Android API 17以上的版本的时候需要通过@JavascriptInterface来注解的Java函数才能被识别可以被Js调用。
- 设置当前网页的链接仍在WebView中跳转，而不是跳到手机浏览器里显示
```
webView.setWebViewClient(new WebViewClient() {
  @Override
  public boolean shouldOverrideUrlLoading(WebView view, String url) {
      view.loadUrl(url);
      return true;
  }
});
```
  shouldOverrideUrlLoading表示当前webView中的一个新url需要加载时，给当前应用程序一个处理机会，如果没有重写此函数，webView请求ActivityManage选择合适的方式处理请求，就像弹出uc和互联网让用户选择浏览器一样。重写后return true表示让当前程序处理，return false表示让当前webView处理
- back键控制网页后退
```
if (webView.canGoBack()) {
    webView.goBack();//返回上一页面
    Log.i(TAG, "goback" + webView.getUrl());
}
```

了解完WebView,现在就可以抽取WebViewFragment

第一步，WebView需要url和标题title，所以就可以定义一个model，包含这两个字段，如：

public class ShareModel extends BaseModel{
  private String title;
  private String url;

  public String getTitle() {
      return title;
  }

  public void setTitle(String title) {
      this.title = title;
  }

  public String getUrl() {
      return url;
  }

  public void setUrl(String url) {
      this.url = url;
  }

}

* 第二步，需要定义一个方法，初始化这个fragment并且传递这个参数供WebView使用，如：
```java
public static BaseWebViewFragment newInstance(ShareModel model) {
     BaseWebViewFragment fragment = new BaseWebViewFragment();
     fragment.setArguments(model);
     return fragment;
 }

第三步，重写WebChormeClient

private class InsideWebChromeClient extends WebChromeClient {
      private View mCustomView;
      private CustomViewCallback mCustomViewCallback;
      //播放网络视频时全屏会被调用的方法
      @Override
      public void onShowCustomView(View view, CustomViewCallback callback) {
          super.onShowCustomView(view, callback);
          if (mCustomView != null) {
              callback.onCustomViewHidden();
              return;
          }
          mCustomView = view;
          video_view.addView(mCustomView);
          mCustomViewCallback = callback;
          ll_title.setVisibility(View.GONE);
          webView.setVisibility(View.GONE);
          getActivity().setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
      }
      //视频播放退出全屏会被调用的
      public void onHideCustomView() {
          webView.setVisibility(View.VISIBLE);
          if (mCustomView == null) {
              return;
          }
          ll_title.setVisibility(View.VISIBLE);
          mCustomView.setVisibility(View.GONE);
          video_view.removeView(mCustomView);
          mCustomViewCallback.onCustomViewHidden();
          mCustomView = null;
          getActivity().setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
          super.onHideCustomView();
      }
  }

第四步，初始化WebView设置

WebSettings settings = webView.getSettings();
     settings.setJavaScriptEnabled(true);
     settings.setJavaScriptCanOpenWindowsAutomatically(true);
     settings.setPluginState(WebSettings.PluginState.ON);
     settings.setAllowFileAccess(true);
     settings.setLoadWithOverviewMode(true);
     settings.setUseWideViewPort(true);
     settings.setDomStorageEnabled(true);

     webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
     webView.loadUrl(model.getUrl());

     webView.setWebChromeClient(new InsideWebChromeClient());

     webView.setWebViewClient(new WebViewClient() {
         @Override
         public void onFormResubmission(WebView view, Message dontResend, Message resend) {
             super.onFormResubmission(view, dontResend, resend);
         }

         @Override
         public boolean shouldOverrideUrlLoading(WebView view, final String url) {
             if (url.startsWith("tel:")) {
                 RxPermissions.getInstance(getContext()).request(
                         Manifest.permission.CALL_PHONE)
                         .subscribe(new Action1<Boolean>() {
                             @Override
                             public void call(Boolean granted) {
                                 if (granted) {
                                     Uri uri = Uri.parse(url);
                                     Intent intent = new Intent("android.intent.action.DIAL", uri);
                                     startActivity(intent);
                                 } else {
                                     onShowMissingPermissionView();
                                 }
                             }
                         });
             } else {

             }
             //电话的时候这样处理，解决从电话界面回来，界面错误问题
             if (url.startsWith("tel:")) {
                 Log.i(TAG, "shouldOverrideUrlLoading" + url);
//
                 return true;
             }

             //解决不能goback的问题
             return false;
         }

         @Override
         public void onPageFinished(WebView view, String url) {
             super.onPageFinished(view, url);

             if (dialog != null || dialog.isShowing()) {
                 dialog.dismiss();
             }
             if (view.canGoBack()) {
                 if (ivClose != null) {
                     ivClose.setVisibility(View.VISIBLE);
                 }
             } else {
                 if (ivClose != null) {
                     ivClose.setVisibility(View.GONE);
                 }

             }
         }

         @Override
         public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
             super.onReceivedError(view, request, error);
             if (dialog != null || dialog.isShowing()) {
                 dialog.dismiss();
             }
             if (view.canGoBack()) {
                 if (ivClose != null) {
                     ivClose.setVisibility(View.VISIBLE);
                 }
             } else {
                 if (ivClose != null) {
                     ivClose.setVisibility(View.GONE);
                 }
             }
         }
     });

     webView.setDownloadListener(new DownloadListener() {
         @Override
         public void onDownloadStart(String url, String userAgent,
                                     String contentDisposition, String mimetype, long contentLength) {
             Log.d(TAG, "onDownloadStart: " + url);

             Uri uri = Uri.parse(url);
             Intent intent = new Intent(Intent.ACTION_VIEW, uri);
             startActivity(intent);
         }
     });

抽取WebViewFragment结束。

怎样抽取一个常用的WebView基类

怎样抽取一个常用的WebView基类

猜你喜欢

热点阅读