垂直ViewPager滑动功能与内部可点击视图兼容问题问询

我之前做垂直ViewPager的时候也踩过这个触摸冲突的坑，和内部可点击控件（比如按钮、横向列表）的兼容问题确实挺闹心的，下面是我亲测有效的几种解决思路，结合你的CustomViewPager代码来改就行：

核心思路是：当用户的滑动方向和ViewPager的垂直方向一致时，拦截事件交给ViewPager处理；如果是水平方向的滑动/点击，则把事件交给内部控件处理。

你需要在CustomViewPager里添加触摸坐标记录的变量，并重写onInterceptTouchEvent和onTouchEvent方法：

public class CustomViewPager extends ViewPager {
    public static final int HORIZONTAL = 0;
    public static final int VERTICAL = 1;
    private int mSwipeOrientation;
    private ScrollerCustomDuration mScroller = null;
    // 新增：记录触摸起始坐标
    private float mStartX, mStartY;

    public CustomViewPager(Context context) {
        super(context);
        mSwipeOrientation = HORIZONTAL;
    }

    public CustomViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 这里补充你原有的初始化代码
        mSwipeOrientation = VERTICAL; // 根据你的需求设置初始方向
    }

    // 重写拦截触摸事件方法
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean intercept = super.onInterceptTouchEvent(ev);
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mStartX = ev.getX();
                mStartY = ev.getY();
                // 允许父控件拦截事件，避免嵌套滑动冲突
                getParent().requestDisallowInterceptTouchEvent(false);
                break;
            case MotionEvent.ACTION_MOVE:
                float dx = Math.abs(ev.getX() - mStartX);
                float dy = Math.abs(ev.getY() - mStartY);
                if (mSwipeOrientation == VERTICAL) {
                    // 垂直滑动时，只有当垂直滑动距离大于水平时，才拦截事件
                    if (dy > dx) {
                        getParent().requestDisallowInterceptTouchEvent(true);
                        intercept = true;
                    } else {
                        // 水平方向操作，交给内部控件处理
                        intercept = false;
                    }
                } else {
                    // 水平模式下的默认逻辑
                    intercept = dx > dy;
                }
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                getParent().requestDisallowInterceptTouchEvent(false);
                break;
        }
        return intercept;
    }

    // 重写触摸事件处理，适配垂直滑动
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if (mSwipeOrientation == VERTICAL) {
            switch (ev.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    mStartX = ev.getX();
                    mStartY = ev.getY();
                    getParent().requestDisallowInterceptTouchEvent(true);
                    break;
                case MotionEvent.ACTION_MOVE:
                    // 把Y轴的滑动偏移转换成X轴，让ViewPager识别为垂直滑动（如果你的原有逻辑没做这个的话）
                    float dy = ev.getY() - mStartY;
                    ev.setLocation(mStartX + dy, mStartY);
                    break;
                case MotionEvent.ACTION_UP:
                case MotionEvent.ACTION_CANCEL:
                    getParent().requestDisallowInterceptTouchEvent(false);
                    ev.setLocation(mStartX, mStartY);
                    break;
            }
        }
        return super.onTouchEvent(ev);
    }

    // 你的原有方法（比如设置滑动方向、Scroller相关代码）
    public void setSwipeOrientation(int orientation) {
        mSwipeOrientation = orientation;
    }
}

如果你的内部控件是按钮、卡片这类需要点击的视图，可以通过设置滑动阈值来区分“点击”和“滑动”：当滑动距离小于阈值时，认为是点击，不拦截事件；超过阈值时，才触发ViewPager的滑动。

在CustomViewPager里添加阈值变量，修改onInterceptTouchEvent：

public class CustomViewPager extends ViewPager {
    // 新增：滑动阈值（单位dp，转换成px使用）
    private static final int SWIPE_THRESHOLD_DP = 20;
    private int mSwipeThresholdPx;

    public CustomViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 初始化阈值为px
        mSwipeThresholdPx = (int) TypedValue.applyDimension(
                TypedValue.COMPLEX_UNIT_DIP,
                SWIPE_THRESHOLD_DP,
                context.getResources().getDisplayMetrics()
        );
        // 其他初始化代码...
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean intercept = super.onInterceptTouchEvent(ev);
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mStartX = ev.getX();
                mStartY = ev.getY();
                // 检查触摸点下的控件是否可点击
                View childView = findChildViewUnder(mStartX, mStartY);
                if (childView != null && childView.isClickable()) {
                    // 如果是可点击控件，初始不拦截事件
                    intercept = false;
                }
                break;
            case MotionEvent.ACTION_MOVE:
                float dx = Math.abs(ev.getX() - mStartX);
                float dy = Math.abs(ev.getY() - mStartY);
                if (mSwipeOrientation == VERTICAL) {
                    // 只有垂直滑动距离超过阈值，且大于水平滑动时，才拦截
                    intercept = (dy > mSwipeThresholdPx) && (dy > dx);
                } else {
                    intercept = (dx > mSwipeThresholdPx) && (dx > dy);
                }
                break;
        }
        return intercept;
    }

    // 其他原有方法...
}

注意事项 #

• 如果你的CustomViewPager已经有触摸坐标转换的逻辑，要确保方案一中的坐标转换和原有逻辑保持一致，避免冲突。
• 对于内部有横向滑动控件（比如横向RecyclerView）的场景，方案一的适配效果会更好；对于纯点击控件，方案二更合适。

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