怎樣抽取一個常用的WebView基類

怎樣抽取一個常用的WebView基類

  • 在開發(fā)中我們會經(jīng)常用到網(wǎng)頁加載,但是如果每次出現(xiàn)一個需要加載頁面的需求時,就去寫一個WebView,這樣的方式不高效,也不方便,所以時候有必要抽取一個可以復用的WebView加載頁面出來了
  • 既然要抽取WebView,那么我們先來了解一下WebView
    1. WebView屬性的設置
      WebSettings用來對WebView的配置進行配置和管理,比如是否可以進行文件操作、緩存的設置、頁面是否支持放大和縮小、是否允許使用數(shù)據(jù)庫api、字體及文字編碼設置、是否允許js腳本運行、是否允許圖片自動加載、是否允許數(shù)據(jù)及密碼保存等等
      示例代碼如下:
      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顯示圖片,可使用這個參數(shù) 設置網(wǎng)頁布局類型:
       LayoutAlgorithm.NARROW_COLUMNS :適應內(nèi)容大小
       LayoutAlgorithm.SINGLE_COLUMN : 適應屏幕,內(nèi)容將自動縮放
      */
      
    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交互動作發(fā)生時被調(diào)用,比如WebView關閉和隱藏、頁面加載進展、js確認框和警告框、js加載前、js操作超時、webView獲得焦點等等
    ```java
    mWebView.setWebChromeClient(new MyWebChromeClient());
    
    • 設置WebViewClient子類
      WebViewClient會在一些影響內(nèi)容渲染的動作發(fā)生時被調(diào)用,比如表單的錯誤提交需要重新提交、頁面開始加載及加載完成、資源加載中、接收到https認證需要處理、頁面鍵盤響應、頁面中的url打開處理等等
      mWebView.setWebViewClient(new MyWebViewClient());
      
    • 設置addJavascriptInterface方法
      使Js調(diào)用Native本地Java對象,實現(xiàn)本地Java代碼和HTML頁面進行交互,
      注意:因為安全問題的考慮 Google在使用Android API 17以上的版本的時候 需要通過@JavascriptInterface來注解的Java函數(shù)才能被識別可以被Js調(diào)用。
    • 設置當前網(wǎng)頁的鏈接仍在WebView中跳轉(zhuǎn),而不是跳到手機瀏覽器里顯示
      webView.setWebViewClient(new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
      });
      
      shouldOverrideUrlLoading表示當前webView中的一個新url需要加載時,給當前應用程序一個處理機會,如果沒有重寫此函數(shù),webView請求ActivityManage選擇合適的方式處理請求,就像彈出uc和互聯(lián)網(wǎng)讓用戶選擇瀏覽器一樣。重寫后return true表示讓當前程序處理,return false表示讓當前webView處理
    • back鍵控制網(wǎng)頁后退
      if (webView.canGoBack()) {
          webView.goBack();//返回上一頁面
          Log.i(TAG, "goback" + webView.getUrl());
      }
      
  • 了解完WebView,現(xiàn)在就可以抽取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并且傳遞這個參數(shù)供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;
      //播放網(wǎng)絡視頻時全屏會被調(diào)用的方法
      @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);
      }
      //視頻播放退出全屏會被調(diào)用的
      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結束。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容