如何监听webview的滚动事件
2个回答
2016-07-03 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
展开全部
当webviw内容滚动一定距离之后(这个具体不宜太大),toolbar和浮动操作按钮动画消失。
要实现这样的效果,首先得监听webview的滚动事件,至少需要获得两个方面的信息:
滚动的偏移量
滚动的方向
但是WebView并没有对外提供一个类似于setOnScrollChangedListener之类的监听者,只有一个如下的protected方法:
protected void onScrollChanged(final int l, final int t, final int oldl,
final int oldt) {
因此,我们需要自己写一个继承webview的类,重写这个方法,并对外提供一个接口。
自定义WebView
package com.jcodecraeer.mobile.view;
import android.content.Context;
import android.util.AttributeSet;
import android.webkit.WebView;
/**
* Created by jianghejie on 15/7/16.
*/
public class ObservableWebView extends WebView {
private OnScrollChangedCallback mOnScrollChangedCallback;
public ObservableWebView(final Context context) {
super(context);
}
public ObservableWebView(final Context context, final AttributeSet attrs) {
super(context, attrs);
}
public ObservableWebView(final Context context, final AttributeSet attrs,
final int defStyle) {
super(context, attrs, defStyle);
}
@Override
protected void onScrollChanged(final int l, final int t, final int oldl,
final int oldt) {
super.onScrollChanged(l, t, oldl, oldt);
if (mOnScrollChangedCallback != null) {
mOnScrollChangedCallback.onScroll(l - oldl, t - oldt);
}
}
public OnScrollChangedCallback getOnScrollChangedCallback() {
return mOnScrollChangedCallback;
}
public void setOnScrollChangedCallback(
final OnScrollChangedCallback onScrollChangedCallback) {
mOnScrollChangedCallback = onScrollChangedCallback;
}
/**
* Impliment in the activity/fragment/view that you want to listen to the webview
*/
public static interface OnScrollChangedCallback {
public void onScroll(int dx, int dy);
}
}
这里我们定义了一个OnScrollChangedCallback接口,其中dx和dy分别是滚动的时候,x和y方向上的偏移量。
这个偏移量是根据onScrollChanged方法的四个参数计算出来的:
mOnScrollChangedCallback.onScroll(l - oldl, t - oldt);
现在一个对外提供了滚动参数的自定义webview就写好了,让我们看看如何在外部使用:
wv = (ObservableWebView) findViewById(R.id.scorllableWebview);
wv.setOnScrollChangedCallback(new OnScrollChangedCallback(){
public void onScroll(int dx, int dy){
//这里我们根据dx和dy参数做自己想做的事情
}
});
当然,你可能会说,为什么不直接把onScrollChanged的四个参数直接暴露出来呢,其实那样也是可以的,只是在我们项目中,dx和dy会更好用,所以我就这样做了。暴露什么数据出来完全取决于你自己。
CoordinatorLayout的方式中,顶部toolbar退出是没有动画效果的,NestedScrollView只有一开始滚动立马就随着移动。
如果我们想在底部再加一个普通布局的菜单栏,也想在滚动的时候退出,貌似是没法实现的。
要实现这样的效果,首先得监听webview的滚动事件,至少需要获得两个方面的信息:
滚动的偏移量
滚动的方向
但是WebView并没有对外提供一个类似于setOnScrollChangedListener之类的监听者,只有一个如下的protected方法:
protected void onScrollChanged(final int l, final int t, final int oldl,
final int oldt) {
因此,我们需要自己写一个继承webview的类,重写这个方法,并对外提供一个接口。
自定义WebView
package com.jcodecraeer.mobile.view;
import android.content.Context;
import android.util.AttributeSet;
import android.webkit.WebView;
/**
* Created by jianghejie on 15/7/16.
*/
public class ObservableWebView extends WebView {
private OnScrollChangedCallback mOnScrollChangedCallback;
public ObservableWebView(final Context context) {
super(context);
}
public ObservableWebView(final Context context, final AttributeSet attrs) {
super(context, attrs);
}
public ObservableWebView(final Context context, final AttributeSet attrs,
final int defStyle) {
super(context, attrs, defStyle);
}
@Override
protected void onScrollChanged(final int l, final int t, final int oldl,
final int oldt) {
super.onScrollChanged(l, t, oldl, oldt);
if (mOnScrollChangedCallback != null) {
mOnScrollChangedCallback.onScroll(l - oldl, t - oldt);
}
}
public OnScrollChangedCallback getOnScrollChangedCallback() {
return mOnScrollChangedCallback;
}
public void setOnScrollChangedCallback(
final OnScrollChangedCallback onScrollChangedCallback) {
mOnScrollChangedCallback = onScrollChangedCallback;
}
/**
* Impliment in the activity/fragment/view that you want to listen to the webview
*/
public static interface OnScrollChangedCallback {
public void onScroll(int dx, int dy);
}
}
这里我们定义了一个OnScrollChangedCallback接口,其中dx和dy分别是滚动的时候,x和y方向上的偏移量。
这个偏移量是根据onScrollChanged方法的四个参数计算出来的:
mOnScrollChangedCallback.onScroll(l - oldl, t - oldt);
现在一个对外提供了滚动参数的自定义webview就写好了,让我们看看如何在外部使用:
wv = (ObservableWebView) findViewById(R.id.scorllableWebview);
wv.setOnScrollChangedCallback(new OnScrollChangedCallback(){
public void onScroll(int dx, int dy){
//这里我们根据dx和dy参数做自己想做的事情
}
});
当然,你可能会说,为什么不直接把onScrollChanged的四个参数直接暴露出来呢,其实那样也是可以的,只是在我们项目中,dx和dy会更好用,所以我就这样做了。暴露什么数据出来完全取决于你自己。
CoordinatorLayout的方式中,顶部toolbar退出是没有动画效果的,NestedScrollView只有一开始滚动立马就随着移动。
如果我们想在底部再加一个普通布局的菜单栏,也想在滚动的时候退出,貌似是没法实现的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2016-07-03
展开全部
packagecom.jcodecraeer.mobile.view;importandroid.content.Context;importandroid.util.AttributeSet;importandroid.webkit.WebView;/***Createdbyjianghejieon15/7/16.*/publicclassObservableWebViewextendsWebView{privateOnScrollChangedCallbackmOnScrollChangedCallback;publicObservableWebView(finalContextcontext){super(context);}publicObservableWebView(finalContextcontext,finalAttributeSetattrs){super(context,attrs);}publicObservableWebView(finalContextcontext,finalAttributeSetattrs,finalintdefStyle){super(context,attrs,defStyle);}@OverrideprotectedvoidonScrollChanged(finalintl,finalintt,finalintoldl,finalintoldt){super.onScrollChanged(l,t,oldl,oldt);if(mOnScrollChangedCallback!=null){mOnScrollChangedCallback.onScroll(l-oldl,t-oldt);}}publicOnScrollChangedCallbackgetOnScrollChangedCallback(){returnmOnScrollChangedCallback;}publicvoidsetOnScrollChangedCallback(finalOnScrollChangedCallbackonScrollChangedCallback){mOnScrollChangedCallback=onScrollChangedCallback;}/***Implimentintheactivity/fragment/viewthatyouwanttolistentothewebview*/publicstaticinterfaceOnScrollChangedCallback{publicvoidonScroll(intdx,intdy);}}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询