嵌套WebView的NestedScrollView无法可靠检测左右滑动

方案1：自定义NestedScrollView拦截左右滑动事件 #

重写NestedScrollView的onInterceptTouchEvent方法，在事件传递给子View（WebView/ImageView）之前判断是否为左右滑动，若是则拦截事件并处理滑动逻辑，避免子View提前消耗事件。

代码示例：

public class CustomNestedScrollView extends NestedScrollView {
    private float downX, downY;
    private static final int SWIPE_THRESHOLD = 100; // 滑动距离阈值
    private static final float SWIPE_VELOCITY_THRESHOLD = 100f; // 滑动速度阈值
    private GestureDetectorCompat gestureDetector;

    public CustomNestedScrollView(Context context) {
        this(context, null);
    }

    public CustomNestedScrollView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public CustomNestedScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        gestureDetector = new GestureDetectorCompat(context, new GestureListener());
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                downX = ev.getX();
                downY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                float deltaX = Math.abs(ev.getX() - downX);
                float deltaY = Math.abs(ev.getY() - downY);
                // 仅当横向滑动距离大于纵向且超过阈值时，拦截事件
                if (deltaX > SWIPE_THRESHOLD && deltaX > deltaY) {
                    return true;
                }
                break;
        }
        gestureDetector.onTouchEvent(ev);
        return super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if (gestureDetector.onTouchEvent(ev)) {
            return true;
        }
        return super.onTouchEvent(ev);
    }

    private class GestureListener extends GestureDetector.SimpleOnGestureListener {
        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            if (Math.abs(velocityX) > SWIPE_VELOCITY_THRESHOLD && Math.abs(velocityX) > Math.abs(velocityY)) {
                if (e2.getX() - e1.getX() > SWIPE_THRESHOLD) {
                    onRightSwipe();
                } else if (e1.getX() - e2.getX() > SWIPE_THRESHOLD) {
                    onLeftSwipe();
                }
                return true;
            }
            return false;
        }
    }

    public interface OnSwipeListener {
        void onLeftSwipe();
        void onRightSwipe();
    }

    private OnSwipeListener swipeListener;

    public void setOnSwipeListener(OnSwipeListener listener) {
        this.swipeListener = listener;
    }

    private void onLeftSwipe() {
        if (swipeListener != null) {
            swipeListener.onLeftSwipe();
        }
    }

    private void onRightSwipe() {
        if (swipeListener != null) {
            swipeListener.onRightSwipe();
        }
    }
}

使用时，将布局中的NestedScrollView替换为该自定义类，再在Activity中绑定监听：

CustomNestedScrollView scrollView = findViewById(R.id.custom_scroll_view);
scrollView.setOnSwipeListener(new CustomNestedScrollView.OnSwipeListener() {
    @Override
    public void onLeftSwipe() {
        Log.d("Swipe", "左滑触发");
        // 此处添加左滑业务逻辑
    }

    @Override
    public void onRightSwipe() {
        Log.d("Swipe", "右滑触发");
        // 此处添加右滑业务逻辑
    }
});

方案2：给WebView绑定独立滑动检测 #

如果不想修改NestedScrollView，可直接给WebView设置OnTouchListener，结合GestureDetector处理滑动，同时避免WebView默认的左右前进后退手势干扰：

GestureDetectorCompat webViewGestureDetector = new GestureDetectorCompat(this, new GestureDetector.SimpleOnGestureListener() {
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        float deltaX = e2.getX() - e1.getX();
        float deltaY = e2.getY() - e1.getY();
        if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > 100 && Math.abs(velocityX) > 100) {
            if (deltaX > 0) {
                Log.d("Swipe", "WebView区域右滑");
            } else {
                Log.d("Swipe", "WebView区域左滑");
            }
            return true; // 消耗事件，阻止WebView处理默认导航手势
        }
        return false;
    }
});

WebView webView = findViewById(R.id.web_view);
webView.setOnTouchListener((v, event) -> {
    webViewGestureDetector.onTouchEvent(event);
    return false; // 不拦截其他触摸事件，保留WebView的点击、上下滚动功能
});

方案3：禁用WebView默认左右滑动手势 #

若WebView不需要自带的前进后退导航功能，可直接禁用该手势，避免事件被消耗：

// 禁用WebView缩放控件（默认缩放控件会附带左右滑动逻辑）
webView.getSettings().setDisplayZoomControls(false);
webView.getSettings().setBuiltInZoomControls(false);

// 或通过重写WebView拦截事件
public class CustomWebView extends WebView {
    private float downX;

    public CustomWebView(Context context) {
        super(context);
    }

    public CustomWebView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                downX = event.getX();
                break;
            case MotionEvent.ACTION_MOVE:
                float deltaX = Math.abs(event.getX() - downX);
                float deltaY = Math.abs(event.getY() - downY);
                if (deltaX > deltaY && deltaX > 100) {
                    // 处理左右滑动逻辑
                    return true; // 消耗事件，阻止WebView处理默认手势
                }
                break;
        }
        return super.onTouchEvent(event);
    }
}

关键注意事项 #

• 根据业务场景调整SWIPE_THRESHOLD和SWIPE_VELOCITY_THRESHOLD的值，避免误触发或漏触发。
• 使用自定义NestedScrollView时，必须保证仅拦截横向滑动，不影响其原生的上下滚动功能。
• 若需保留WebView的正常交互（点击、上下滚动），优先选择方案2。

内容的提问来源于stack exchange，提问作者Anit