如何调整VerticalViewPager的滑动角度限制以实现顺滑滑动？

嘿，这个问题我之前做垂直滑动页面的时候也踩过坑！VerticalViewPager默认的滑动判定逻辑确实太死板了，非得完全垂直才触发切换，用户体验特别别扭。要实现像Inshorts那样允许带点水平偏移的顺滑滑动，核心就是修改它的滑动事件拦截规则，让它“宽容”一点。

我们需要自定义一个继承自VerticalViewPager的类，通过重写触摸事件的拦截和处理方法，调整滑动判定的阈值，允许一定范围内的水平偏移，只要垂直滑动是主导动作即可。

1. 定义自定义View并设置关键参数 #

先在自定义类里定义控制滑动宽容度的参数，方便后续调整：

public class FlexibleVerticalViewPager extends VerticalViewPager {
    // 允许的水平滑动最大比例（比如垂直滑动距离的1/3，数值越大越宽松）
    private static final float MAX_HORIZONTAL_RATIO = 1f / 3f;
    // 最小滑动距离阈值（避免误触，单位px）
    private static final int MIN_SWIPE_DISTANCE = 20;

    private float startTouchX;
    private float startTouchY;

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

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

2. 重写onInterceptTouchEvent判断滑动意图 #

这个方法决定了是否把触摸事件交给ViewPager处理。我们在这里判断：只要垂直滑动距离超过最小阈值，且水平偏移不超过垂直距离的设定比例，就判定为有效垂直滑动，拦截事件：

@Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 记录触摸起始点
                startTouchX = ev.getX();
                startTouchY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                float deltaX = Math.abs(ev.getX() - startTouchX);
                float deltaY = Math.abs(ev.getY() - startTouchY);

                // 核心判断逻辑：垂直滑动足够大，且水平偏移在允许范围内
                if (deltaY > MIN_SWIPE_DISTANCE && deltaX <= deltaY * MAX_HORIZONTAL_RATIO) {
                    return true; // 拦截事件，交给ViewPager处理垂直滑动
                }
                break;
        }
        return super.onInterceptTouchEvent(ev);
    }

3. 重写onTouchEvent处理滑动过程 #

同样的逻辑要延伸到滑动过程中，避免因为滑动中途的小幅度水平偏移而中断切换：

@Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_MOVE:
                float deltaX = Math.abs(ev.getX() - startTouchX);
                float deltaY = Math.abs(ev.getY() - startTouchY);

                // 如果水平偏移超出允许范围，就放弃处理，交给其他控件
                if (deltaX > deltaY * MAX_HORIZONTAL_RATIO) {
                    return false;
                }
                break;
        }
        return super.onTouchEvent(ev);
    }
}

4. 替换原VerticalViewPager使用 #

在布局文件里直接用这个自定义类替代原来的VerticalViewPager：

<com.your.package.name.FlexibleVerticalViewPager
    android:id="@+id/vertical_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

额外优化小技巧 #

• 你可以根据实际体验调整MAX_HORIZONTAL_RATIO的值，比如调到0.5（允许水平偏移是垂直的一半），滑动会更宽松；
• MIN_SWIPE_DISTANCE建议转成dp单位适配不同屏幕：(int) (getResources().getDisplayMetrics().density * 20)；
• 如果只需要对向上滑动做宽松判断（和Inshorts一致），可以在判断条件里加上ev.getY() < startTouchY（判断是向上滑）的限制。

这样修改后，用户的滑动操作不需要完全垂直，只要垂直方向的滑动是主导动作，就能触发页面切换，体验和Inshorts一样顺滑！

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