TabLayout与横向RecyclerView滚动冲突问题求助

这个问题我之前做类似布局的时候也碰到过！核心原因是当TabLayout已经滚动到最后一个标签（没有剩余滚动空间）时，它的内部滚动容器还是会优先拦截横向触摸事件，导致下面的RecyclerView拿不到滚动指令。

下面给你两种可行的解决方案：

方案一：自定义TabLayout，精准控制事件拦截 #

这种方法最稳妥，只在TabLayout确实没有滚动余地时，把横向滚动事件让给RecyclerView：

1. 先创建自定义TabLayout类：

public class CustomTabLayout extends TabLayout {
    private float startX;

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

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

    public CustomTabLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                startX = ev.getX();
                // 允许父布局初始拦截，保证TabLayout正常的点击/切换功能
                getParent().requestDisallowInterceptTouchEvent(false);
                break;
            case MotionEvent.ACTION_MOVE:
                float dx = ev.getX() - startX;
                // 获取TabLayout内部的滚动条容器
                View tabStrip = getChildAt(0);
                if (tabStrip != null) {
                    // 判断是否已经滚动到最右侧（没有更多滚动空间）
                    boolean isAtRightEdge = tabStrip.getScrollX() >= tabStrip.getScrollRange() - tabStrip.getWidth();
                    // 如果是向左滚动，且已经到最右，不拦截事件，交给RecyclerView处理
                    if (isAtRightEdge && dx < 0) {
                        getParent().requestDisallowInterceptTouchEvent(false);
                        return false;
                    }
                }
                break;
        }
        return super.onInterceptTouchEvent(ev);
    }
}

2. 替换布局中的原生TabLayout为自定义的：

<com.yourpackage.CustomTabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="1dp"
    android:elevation="6dp"
    app:tabMaxWidth="0dp"
    app:tabGravity="fill"
    app:tabMode="fixed"
    app:tabSelectedTextColor="#ffffff"
    app:tabIndicatorColor="#ffffff"
    app:tabTextAppearance="@style/CustomTextStyle" />

方案二：给RecyclerView设置触摸监听（快速解决） #

如果不想自定义View，可以直接给RecyclerView添加触摸监听，强制请求父布局不要拦截它的触摸事件：

recycler.setHasFixedSize(true);
// 添加触摸监听
recycler.setOnTouchListener((v, event) -> {
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            // 当RecyclerView被按下时，禁止父布局拦截事件
            v.getParent().requestDisallowInterceptTouchEvent(true);
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            // 事件结束后，恢复父布局的拦截权限
            v.getParent().requestDisallowInterceptTouchEvent(false);
            break;
    }
    return false;
});

这种方法简单粗暴，但要注意：如果你的TabLayout还需要支持横向滚动（比如tabMode设为scrollable时），这种方法可能会影响TabLayout本身的滚动功能，所以更推荐方案一。

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