怎样抽取一个常用的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结束。
