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

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

  • 在開發(fā)中我們會經(jīng)常用到網(wǎng)頁加載赋元,但是如果每次出現(xiàn)一個需要加載頁面的需求時褥民,就去寫一個WebView,這樣的方式不高效瘾婿,也不方便潮改,所以時候有必要抽取一個可以復(fù)用的WebView加載頁面出來了
  • 既然要抽取WebView誉尖,那么我們先來了解一下WebView
    1. WebView屬性的設(shè)置
      WebSettings用來對WebView的配置進(jìn)行配置和管理罪既,比如是否可以進(jìn)行文件操作、緩存的設(shè)置铡恕、頁面是否支持放大和縮小琢感、是否允許使用數(shù)據(jù)庫api、字體及文字編碼設(shè)置探熔、是否允許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ù) 設(shè)置網(wǎng)頁布局類型:
       LayoutAlgorithm.NARROW_COLUMNS :適應(yīng)內(nèi)容大小
       LayoutAlgorithm.SINGLE_COLUMN : 適應(yīng)屏幕牌捷,內(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();
    * 設(shè)置WebChromeClient子類
    WebChromeClient會在一些影響瀏覽器ui交互動作發(fā)生時被調(diào)用,比如WebView關(guān)閉和隱藏涡驮、頁面加載進(jìn)展暗甥、js確認(rèn)框和警告框、js加載前捉捅、js操作超時撤防、webView獲得焦點等等
    ```java
    mWebView.setWebChromeClient(new MyWebChromeClient());
    
    • 設(shè)置WebViewClient子類
      WebViewClient會在一些影響內(nèi)容渲染的動作發(fā)生時被調(diào)用,比如表單的錯誤提交需要重新提交棒口、頁面開始加載及加載完成寄月、資源加載中、接收到https認(rèn)證需要處理无牵、頁面鍵盤響應(yīng)漾肮、頁面中的url打開處理等等
      mWebView.setWebViewClient(new MyWebViewClient());
      
    • 設(shè)置addJavascriptInterface方法
      使Js調(diào)用Native本地Java對象,實現(xiàn)本地Java代碼和HTML頁面進(jìn)行交互,
      注意:因為安全問題的考慮 Google在使用Android API 17以上的版本的時候 需要通過@JavascriptInterface來注解的Java函數(shù)才能被識別可以被Js調(diào)用茎毁。
    • 設(shè)置當(dāng)前網(wǎng)頁的鏈接仍在WebView中跳轉(zhuǎn)克懊,而不是跳到手機瀏覽器里顯示
      webView.setWebViewClient(new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
      });
      
      shouldOverrideUrlLoading表示當(dāng)前webView中的一個新url需要加載時忱辅,給當(dāng)前應(yīng)用程序一個處理機會,如果沒有重寫此函數(shù)谭溉,webView請求ActivityManage選擇合適的方式處理請求墙懂,就像彈出uc和互聯(lián)網(wǎng)讓用戶選擇瀏覽器一樣。重寫后return true表示讓當(dāng)前程序處理扮念,return false表示讓當(dāng)前webView處理
    • back鍵控制網(wǎng)頁后退
      if (webView.canGoBack()) {
          webView.goBack();//返回上一頁面
          Log.i(TAG, "goback" + webView.getUrl());
      }
      
  • 了解完WebView,現(xiàn)在就可以抽取WebViewFragment
    • 第一步损搬,WebView需要url和標(biāo)題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)絡(luò)視頻時全屏?xí)徽{(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);
      }
      //視頻播放退出全屏?xí)徽{(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設(shè)置
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結(jié)束柒瓣。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市吠架,隨后出現(xiàn)的幾起案子芙贫,更是在濱河造成了極大的恐慌,老刑警劉巖傍药,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件磺平,死亡現(xiàn)場離奇詭異,居然都是意外死亡拐辽,警方通過查閱死者的電腦和手機拣挪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來俱诸,“玉大人菠劝,你說我怎么就攤上這事≌龃睿” “怎么了赶诊?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長园骆。 經(jīng)常有香客問我舔痪,道長,這世上最難降的妖魔是什么锌唾? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任锄码,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘巍耗。我一直安慰自己秋麸,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布炬太。 她就那樣靜靜地躺著灸蟆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪亲族。 梳的紋絲不亂的頭發(fā)上炒考,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天,我揣著相機與錄音霎迫,去河邊找鬼斋枢。 笑死,一個胖子當(dāng)著我的面吹牛知给,可吹牛的內(nèi)容都是我干的瓤帚。 我是一名探鬼主播,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼涩赢,長吁一口氣:“原來是場噩夢啊……” “哼戈次!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起筒扒,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤怯邪,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后花墩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體悬秉,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年冰蘑,在試婚紗的時候發(fā)現(xiàn)自己被綠了和泌。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡懂缕,死狀恐怖允跑,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情搪柑,我是刑警寧澤聋丝,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站工碾,受9級特大地震影響弱睦,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜渊额,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一况木、第九天 我趴在偏房一處隱蔽的房頂上張望垒拢。 院中可真熱鬧,春花似錦火惊、人聲如沸求类。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽尸疆。三九已至,卻和暖如春惶岭,著一層夾襖步出監(jiān)牢的瞬間寿弱,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工按灶, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留症革,地道東北人。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓鸯旁,卻偏偏與公主長得像噪矛,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子铺罢,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,925評論 2 344

推薦閱讀更多精彩內(nèi)容