完美解决SwipeRefreshLayout与WebView冲突

来源:互联网 发布:龙珠刷人气软件 编辑:程序博客网 时间:2024/04/29 13:44

问题分析:SwipeRefreshLayout嵌套使用WebView时,滚动时下拉事件不会被WebView捕获。(整个WebView都滑动)

解决方法:给WbeView加个监听器,重写onScrollChanged()。

public class ProgressWebView extends WebView {
    private ChangeStatusListener changeStatusListener;
    public void setChangeStatusListener(ChangeStatusListener changeStatusListener) {        this.changeStatusListener = changeStatusListener;    }
    @Override    protected void onScrollChanged(int l, int t, int oldl, int oldt) {             if (changeStatusListener != null) {           changeStatusListener.changeStatus();       }       super.onScrollChanged(l, t, oldl, oldt);    }

}
相应的Activity中的代码:

refreshWebView.setChangeStatusListener(()->{    if (refreshWebView.getScrollY() == 0) {        mRefreshLayout.setEnabled(true);    } else {        mRefreshLayout.setEnabled(false);    }});
mRefreshLayout.setOnRefreshListener(mListener);
private AutoSwipeRefreshLayout.OnRefreshListener mListener = () -> {    
    refreshWebView.reload();
mRefreshLayout.setRefreshing(false);};


根据需求要求,有的界面有刷新功能,有的界面没有刷新功能。你们可以根据需求自行选择在自定义的WebView里面直接去重写,还是在相应的Activity里面去设置监听。

后来需求变更,H5页面进行了大改,设置了搜索栏的Header。内容可以滑动但是Header位置不变,以上方法就不好用了。以上方法针对的是全局可以滑动,下面的方法针对的是部分滑动


在自定义的ProgressWebView里面增加了如下代码:

private AutoSwipeRefreshLayout mLayout;public void setmLayout(AutoSwipeRefreshLayout mLayout) {    this.mLayout = mLayout;}
@Overridepublic boolean onTouchEvent(MotionEvent event) {    switch (event.getAction()) {        case MotionEvent.ACTION_DOWN:            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {                this.evaluateJavascript("$(\".box\").scrollTop()", new ValueCallback<String>() {                    @Override                    public void onReceiveValue(String value) {                        if (!TextUtils.isEmpty(value) && !"null".equals(value)){                            if (Integer.parseInt(value) == 0){                                mLayout.setEnabled(true);                            } else {                                mLayout.setEnabled(false);                            }                        }                    }                });            }            break;    }    return super.onTouchEvent(event);}
滑动时需要根据你按下的状态对应H5页面滑动控件的位置去判断去对SwipeRefreshLayout做拦截事件。


阅读全文
1 0