Android中HorizontalScrollView无法滚动问题及实现方案咨询

问题根源 #

你的布局中HorizontalScrollView的宽度设为wrap_content，且仅约束了左边界和上边界，导致它的宽度被限制在屏幕剩余可视区域内，即使内部TableLayout内容超出，也没有可滚动的空间。另外，HorizontalScrollView不需要android:orientation属性（该属性属于ScrollView），多余的属性可能引发布局解析异常。

修复后的布局代码 #

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp">
        <TableLayout
            android:id="@+id/TL_halteStellen"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:background="@drawable/table_border">

            <TableRow>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="30sp"
                    android:text="Haltestellen "
                    android:background="@drawable/tv_haltestelle"/>

            </TableRow>

            <TableRow>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="30sp"
                    android:text="Borken"
                    android:background="@drawable/tv_haltestelle"/>
            </TableRow>


        </TableLayout>

        <HorizontalScrollView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            app:layout_constraintLeft_toRightOf="@id/TL_halteStellen"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <TableLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/table_border">

                <TableRow>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingHorizontal="6dp"
                        android:text="06:35"
                        android:textSize="30sp"
                        android:background="@drawable/tv_haltestelle"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingHorizontal="6dp"
                        android:text="06:35"
                        android:textSize="30sp"
                        android:background="@drawable/tv_haltestelle"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingHorizontal="6dp"
                        android:text="06:35"
                        android:textSize="30sp"
                        android:background="@drawable/tv_haltestelle"/>
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingHorizontal="6dp"
                        android:text="06:35"
                        android:textSize="30sp"
                        android:background="@drawable/tv_haltestelle"/>
                </TableRow>
            </TableLayout>
        </HorizontalScrollView>
    </androidx.constraintlayout.widget.ConstraintLayout>
</RelativeLayout>

关键修改点 #

• 将HorizontalScrollView的android:layout_width改为0dp，并添加app:layout_constraintRight_toRightOf="parent"，让它占据固定列右侧的全部剩余屏幕宽度，确保有可滚动的可视区域。
• 移除HorizontalScrollView上多余的android:orientation属性。
• 保留内部TableLayout的android:layout_width="wrap_content"，使其根据子项宽度自适应，超出HorizontalScrollView可视区域时触发滚动。

如果后续需要添加大量列，TableLayout的性能会下降，推荐使用双RecyclerView实现：

• 左侧固定列使用垂直RecyclerView，每行对应一条数据的固定内容。
• 右侧可滚动区域使用横向RecyclerView，每行对应一条数据的动态列内容，通过同步两个RecyclerView的滚动位置，实现联动效果。

核心思路 #

1. 左侧RecyclerView设置android:layout_width="wrap_content"，固定在屏幕左侧。
2. 右侧RecyclerView设置android:layout_width="0dp"，约束到左侧RecyclerView右侧和父布局右侧，使用LinearLayoutManager(LinearLayout.HORIZONTAL)实现横向滚动。
3. 通过监听两个RecyclerView的滚动事件，同步滚动位置，保证行对齐。

这种方案的优势是复用视图，内存占用更低，滚动性能更优，适合数据量较大的场景。

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