Android父子ScrollView滚动条分离问题：求合并滚动条的解决方法

我完全懂你现在的困扰——垂直的父ScrollView和里面的水平HorizontalScrollView各自独立滚动，看着割裂不说，交互体验也不够流畅。其实核心是要解决滚动事件冲突，同时统一滚动条的显示逻辑，下面给你几个落地可行的方案：

方案一：移除冗余的HorizontalScrollView（最推荐） #

你布局里的HorizontalScrollView其实是多余的！你的RecyclerView已经设置了水平方向的LinearLayoutManager，它本身就支持水平滚动，没必要再套一层HorizontalScrollView。移除它之后，不仅能减少视图层级提升性能，还能直接避免滚动冲突，同时只有父ScrollView的垂直滚动条，自然就不存在“滚动条独立”的问题了。

修改后的核心布局片段： #

<ScrollView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:nestedScrollingEnabled="true"
    android:scrollbars="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="new recipe"
            android:textSize="25sp" <!-- 这里建议把dp改成sp，适配系统字体缩放 -->
            android:textColor="@color/black"/>
        <!-- 直接保留水平RecyclerView，去掉外层HorizontalScrollView -->
        <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/recipeRecycler"
            app:layoutManager="LinearLayoutManager"
            android:orientation="horizontal"/>
        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/fabRecipe"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_restaurant_white_24px"
            fab:fab_size="mini"
            fab:fab_label="add recipe" />
    </LinearLayout>
</ScrollView>

方案二：自定义ScrollView处理事件拦截 #

如果你因为某些原因必须保留HorizontalScrollView，可以自定义一个垂直ScrollView，通过重写触摸事件拦截逻辑，让水平滚动时父ScrollView不抢事件，同时隐藏HorizontalScrollView的滚动条，只保留父View的垂直滚动条，视觉上实现“合并”效果。

自定义ScrollView代码： #

public class CustomVerticalScrollView extends ScrollView {
    private float startX, startY;

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

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

    public CustomVerticalScrollView(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();
                startY = ev.getY();
                return super.onInterceptTouchEvent(ev);
            case MotionEvent.ACTION_MOVE:
                float dx = Math.abs(ev.getX() - startX);
                float dy = Math.abs(ev.getY() - startY);
                // 检测到是水平滑动时，不拦截事件，交给子HorizontalScrollView处理
                if (dx > dy) {
                    return false;
                }
                break;
        }
        return super.onInterceptTouchEvent(ev);
    }
}

替换布局中的ScrollView： #

<com.yourpackage.CustomVerticalScrollView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:nestedScrollingEnabled="true"
    android:scrollbars="vertical">
    <!-- 内部内容保持不变，确保HorizontalScrollView的scrollbars设为none -->
</com.yourpackage.CustomVerticalScrollView>

方案三：用NestedScrollView优化嵌套滚动 #

如果需要更完善的嵌套滚动支持，可以换成android.support.v4.widget.NestedScrollView（AndroidX版本用androidx.core.widget.NestedScrollView），它对嵌套滚动的原生支持更好，配合RecyclerView的android:nestedScrollingEnabled="true"属性，滚动交互会更流畅，同样只保留垂直滚动条即可。

内容的提问来源于stack exchange，提问作者장성수