Question

如何监听webview的滚动事件

Answer 1

WebView是基于webkit引擎展现web页面的控件,它功能强大，除了具有一般View的属性和设置外，还可以对url请求、页面加载、渲染、页面交互进行强大的处理。

WebView有几个可以定制的点：
（1）设置WebChromeClient子类，WebChromeClient会在一些影响浏览器ui交互动作发生时被调用，比如WebView关闭和隐藏、页面加载进展、js确认框和警告框、js加载前、js操作超时、webView获得焦点等等，详见WebChromeClient
（2）设置WebViewClient子类，WebViewClient会在一些影响内容喧嚷的动作发生时被调用，比如表单的错误提交需要重新提交、页面开始加载及加载完成、资源加载中、接收到http认证需要处理、页面键盘响应、页面中的url打开处理等等，详见WebViewClient
（3）设置WebSettings类，其中包含多项配置。WebSettings用来对WebView的配置进行配置和管理，比如是否可以进行文件操作、缓存的设置、页面是否支持放大和缩小、是否允许使用数据库api、字体及文字编码设置、是否允许js脚本运行、是否允许图片自动加载、是否允许数据及密码保存等等，详见WebSettings
（4）设置addJavascriptInterface方法，将java对象绑定到webView中，以方便从页面js中控制java对象，实现用本地java代码和html页面进行交互，甚至可以进行页面自动化。但如此做存在安全隐患，所以若设置了此方法，请确保webView的代码都是自己完成

webView的基本使用方法
添加网络请求权限
在AndroidManifest.xml中添加网络权限
<uses-permission android:name="android.permission.INTERNET" />

JavaScript和Android代码互调
通过WebView,我们可以在JavaScript代码和客户端代码之间创建接口。
比如，我们希望通过Android的Toast展示信息，而不是通过JavaScript的alert()函数。
想要实现这样的功能，我们只需要做以下三步：
1.定义的MyJavaScriptInterface类
public class MyJavaScriptInterFace {
Context mContext;

public MyJavaScriptInterFace(Context context){
mContext = context;
}

public void showToast(String toast){
Toast.makeText(mContext,toast,Toast.LENGTH_SHORT).show();
}
}

2.通过addJavaScriptInterface()函数绑定接口
webView.addJavaScriptInterface(new MyJavaScriptInterface(this),"Android");

3.在JavaScript中使用这个接口
<script type="text/javascript">
function showAndroidToast(toast){
Android.showToast(toast);
}
</script>

处理页面是在webView打开还是在浏览器打开
当我们点击一个WebView中的页面链接的时候，默认是让Android启动一个可以处理Url的应用（比如，浏览器）,那么怎样让Url继续在WebView中打开呢？
只需要做以下几步：
1.继承WebViewClient类，覆盖shouldOverrideUrlLoading方法
public class MyWebViewClient extends WebViewClient {

private Context mContext;

public MyWebViewClient(Context context){
mContext = context;
}

/**
* 控制加载链接的位置,false仍然在webView中加载
* @param view
* @param url
* @return
*/
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if(url.contains("baidu.com")){ //访问百度的站点都在webView中访问
return false;
}

//非百度站点打开浏览器访问
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
mContext.startActivity(intent);
return true;
}
}

2.调用webView的setWebViewClient()方法
webView.setWebViewClient(new MyWebViewClient(context));

页面历史记录导航
当WebView覆盖了URL加载时（就是跳转了几个URL页面），会产生历史记录。可以用webView.canGoBack()判断是否有历史页面，用webView.goBack();回到历史页面。
实时更新页面的获取进度
假如你需要通过进度条展示WebView的页面打开进度，就需要获取当前页面的进度，我们通过继承WebViewClient类，覆盖onLoadResource方法来实现实时获取进度
public class MyWebViewClient extends WebViewClient {

private Context mContext;

private OnPageUpdateListener onPageUpdateListener;

public interface OnPageUpdateListener{
void onProgressUpdate(int newProgress);
void onGetTitle(String title);
}

public MyWebViewClient(Context context){
mContext = context;
}

/**
* 控制加载链接的位置,false仍然在webView中加载
* @param view
* @param url
* @return
*/
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if(url.contains("baidu.com")){ //访问百度的站点都在webView中访问
return false;
}

//非百度站点打开浏览器访问
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
mContext.startActivity(intent);
return true;
}

@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
if(onPageUpdateListener!=null){
onPageUpdateListener.onGetTitle(view.getTitle());
}
}

@Override
public void onLoadResource(WebView view, String url) {
super.onLoadResource(view, url);
Log.d("zyr","onLoadResource url:" + url + " progress:" + view.getProgress());
if(onPageUpdateListener!=null){
onPageUpdateListener.onProgressUpdate(view.getProgress());
if(view.getTitle()!=null){
onPageUpdateListener.onGetTitle(view.getTitle());
}
}
}

public void setOnPageUpdateListener(OnPageUpdateListener onPageUpdateListener) {
this.onPageUpdateListener = onPageUpdateListener;
}
}

获取页面的title
同样的，我们通过继承WebViewClient类，覆盖onPageFinied方法获取页面Title
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
if(onPageUpdateListener!=null){
onPageUpdateListener.onGetTitle(view.getTitle());
}
}

webView滚动事件监听
我们通过覆盖WebView的OnScrollChanged方法来获取滚动事件
@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
super.onScrollChanged(l, t, oldl, oldt);
if(onScrollChangedCallBack != null){
onScrollChangedCallBack.onWebViewScroll(l - oldl, t - oldt);
if(getContentHeight() * getScale() == getHeight() + getScrollY()){
onScrollChangedCallBack.onWebViewScrollToEnd();
}
}
}

webView一些常见的问题和解决方法
1.WebChromeClient的onReceivedTitle方法有时候在goBack的时候得不到title,经测试，用上面的方法可以得到
自己封装一个webView
实现的功能有：
1.向下滑动一定距离隐藏Title,向上滑动显示Title
2.滑动到底部弹出Toast
3.用进度条显示页面打开进度
4.按顶部返回按钮和Back按键能够返回上一次打开的页面，当没有历史时，关闭Activity
5.点击顶部Close按钮关闭Activity
6.隐藏缩放按钮，实现缩放功能（百度的页面没能缩放，试了其他的一些网页没问题，待解决）