怎樣抽取一個常用的WebView基類
- 在開發中我們會經常用到網頁加載，但是如果每次出現一個需要加載頁面的需求時，就去寫一個WebView,這樣的方式不高效，也不方便，所以時候有必要抽取一個可以復用的WebView加載頁面出來了
- 既然要抽取WebView，那么我們先來了解一下WebView
- 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.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中跳轉，而不是跳到手機瀏覽器里顯示
shouldOverrideUrlLoading表示當前webView中的一個新url需要加載時，給當前應用程序一個處理機會，如果沒有重寫此函數，webView請求ActivityManage選擇合適的方式處理請求，就像彈出uc和互聯網讓用戶選擇瀏覽器一樣。重寫后return true表示讓當前程序處理，return false表示讓當前webView處理webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }); - back鍵控制網頁后退
if (webView.canGoBack()) { webView.goBack();//返回上一頁面 Log.i(TAG, "goback" + webView.getUrl()); }
- WebView屬性的設置
- 了解完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結束。
