HorizontalScrollView与ConstraintLayout配合失效问题及布局实现需求

我之前也踩过这个坑，其实是布局尺寸计算的逻辑问题导致的，咱们来一步步搞定它：

问题根源 #

当你把ConstraintLayout作为HorizontalScrollView的直接子View时，如果给ConstraintLayout设置android:layout_width="wrap_content"，但里面的子View仅靠父容器的start/end约束定位，ConstraintLayout会错误地计算自身宽度——它会认为自己的宽度就是父容器（也就是HorizontalScrollView的视口）的宽度，而不是内部所有子View实际占有的总宽度，这样HorizontalScrollView就会觉得没有超出内容，自然不会触发滚动。

修复方案 #

1. 给ConstraintLayout设置最小宽度 #

保留android:layout_width="wrap_content"的同时，加上android:minWidth="match_parent"。这样既能让ConstraintLayout自适应内部内容的实际宽度（超出视口时触发滚动），又能保证在内容不足时填充满HorizontalScrollView的视口，不会出现空白。

2. 确保子View的横向约束正确 #

子View要形成横向的链式排列，比如用app:layout_constraintStart_toEndOf="@id/前一个View"来让它们依次排开，或者给子View设置固定宽度，让总宽度超过HorizontalScrollView的视口宽度，这样才能触发滚动。

修正后的完整代码示例 #

<HorizontalScrollView
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:fillViewport="true">

    <!-- 推荐使用AndroidX版本的ConstraintLayout，兼容性更好 -->
    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:minWidth="match_parent">

        <!-- 示例横向排列的子View，总宽度超过视口就会触发滚动 -->
        <TextView
            android:id="@+id/tv_first"
            android:layout_width="250dp"
            android:layout_height="match_parent"
            android:text="第一个内容块"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>

        <TextView
            android:id="@+id/tv_second"
            android:layout_width="250dp"
            android:layout_height="match_parent"
            android:text="第二个内容块"
            app:layout_constraintStart_toEndOf="@id/tv_first"
            app:layout_constraintTop_toTopOf="parent"/>

        <TextView
            android:id="@+id/tv_third"
            android:layout_width="250dp"
            android:layout_height="match_parent"
            android:text="第三个内容块"
            app:layout_constraintStart_toEndOf="@id/tv_second"
            app:layout_constraintTop_toTopOf="parent"/>

    </androidx.constraintlayout.widget.ConstraintLayout>

</HorizontalScrollView>

额外小贴士 #

如果你还在使用旧版的android.support.constraint.ConstraintLayout，建议升级到AndroidX版本，能避免很多兼容性问题；另外你设置的android:fillViewport="true"是正确的，不用去掉，它能保证内容不足时子View填充满滚动视图的视口。

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