Android WebView与下拉刷新控件滑动冲突的解决方法

我不是谣言

已于 2024-06-19 17:18:49 修改

阅读量1.3k

点赞数 2

CC 4.0 BY-SA版权

文章标签： android

于 2020-11-02 14:33:40 首次发布

本文链接：https://blog.youkuaiyun.com/lu505/article/details/109448499

项目中用原生下拉刷新控件控制WebView刷新时，出现网页无法上拉、上滑触发刷新事件的问题。网上很多通过webView.getScrollY()判断的方法无效，作者提出重写WebView的onTouchEvent方法，按下时让其滚动到(0,1)，还需在下拉刷新控件判断垂直滑动的方法里增加判断，结合两段代码可解决冲突。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android WebView与下拉刷新控件滑动冲突的解决方法
最近项目里需要加载WebView，并通过原生的下拉刷新控件控制WebView的刷新。实现方式很简单就是WebView外面加上下拉刷新控件即可。但是测试时会发现网页无法上拉，往上滑动就会触发下拉刷新控件的refresh事件。网上查了很多解决办法,有重写WebView的,有重写下拉刷新控件的(我这里使用的下拉刷新控件是第三方的NestRefreshLayout，其他的刷新控件大同小异)，但是试过好多以后发现都没有作用。好多方法都是通过webView.getScrollY() 的值来判断是否滚动到顶部，一次来决定刷新控件是否执行刷新的动作，但是无奈webView.getScrollY() 总是＝0。本人的解决方法是：

重写WebView里的onTouchEvent方法

 @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                if (this.getScrollY() <= 0)
                    this.scrollTo(0, 1);
                break;
            case MotionEvent.ACTION_UP:
                //                if(this.getScrollY() == 0)
                //                this.scrollTo(0,-1);
                break;
            default:
                break;
        }
        return super.onTouchEvent(event);
    }

很简单的重写，每次按下的时候，如果在0,0坐标，让它滚动到0,1，这样就会告诉SwipeRefreshLayout他还在滑动，就不会触发刷新事件了。

可能有的同学把代码粘贴过去了，但是并不管用。那是还有一步后续步骤没有完成。下一步是需要在下拉刷新控件里判断是否可以垂直滑动的方法里增加判断：

    @Override
    public boolean canScrollVertically(int direction) {
           if (mTargetView instanceof WebView) {
                return direction < 0 ? mTargetView.getScrollY() > 0
                        : mTargetView.getScrollY() < mTargetView
                        .getMeasuredHeight();
            } else {
                return ViewCompat.canScrollVertically(mTargetView, direction);
            }
    ｝

代码中mTargetView是刷新控件的子控件，即为WebView，此时mTargetView.getScrollY()的值为1，不在一直为0。两段代码结合即可解决WebView与下拉刷新控件滑动冲突的解决方法，本人用的是NestRefreshLayout，其他控件可在其相应的方法里加入判断，例：

@BindView(R.id.swipe_fresh)
SwipeRefreshLayout refreshLayout;
@BindView(R.id.webview)
WebView webView;
    // 设置子视图是否允许滚动到顶部
    refreshLayout.setOnChildScrollUpCallback(new SwipeRefreshLayout.OnChildScrollUpCallback() {
       @Override
       public boolean canChildScrollUp(SwipeRefreshLayout parent, @Nullable View child) {
           return webView.getScrollY() > 0;
       }
    });
}