Android双向滚动ScrollView嵌套表格运行无显示问题排查

现有代码存在3个直接导致页面空白、滚动失效的问题：

• ScrollView仅支持垂直滚动，HorizontalScrollView仅支持水平滚动，二者嵌套后再放入自带垂直滚动能力的RecyclerView，会触发严重的测量冲突：RecyclerView无法拿到确定的高度值，直接放弃渲染所有条目，给滚动视图加跨方向的scrollbars属性没有任何实际作用。
• 列表项布局逻辑错误：将表头（Pool Players、周数标题）和用户数据行写在同一个item布局内，会导致每个列表条目重复渲染表头，且仅预留了1个周数列的位置，无法支撑多周数据展示，也撑不开水平滚动的宽度范围。
• 布局参数矛盾：HorizontalScrollView的直接子View必须使用wrap_content宽度才能触发水平滚动，现有代码给中间的RelativeLayout设置了match_parent宽度，水平滚动逻辑永远不会生效；同时RecyclerView设置match_parent高度，在垂直滚动容器内无法完成正确测量。

1. 外层主布局重构 #

放弃同方向滚动控件嵌套的写法，RecyclerView本身承担垂直滚动能力，仅对超出屏幕宽度的表格部分做水平滚动支持，从根源上避免滚动冲突：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 表头区域，和列表内容保持水平滚动同步 -->
    <HorizontalScrollView
        android:id="@+id/headerHorizontalScroll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">
        <TableLayout
            android:id="@+id/tableHeader"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <TableRow>
                <TextView
                    android:layout_width="70dp"
                    android:layout_height="wrap_content"
                    android:padding="5dip"
                    android:text="Pool Players"
                    android:textSize="10sp"/>
                <!-- 代码动态添加所有周数的表头列，每列固定宽度40dp -->
            </TableRow>
        </TableLayout>
    </HorizontalScrollView>

    <!-- 列表区域，自带垂直滚动能力 -->
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

</LinearLayout>

表头和内容的水平滚动同步实现方式：给表头的HorizontalScrollView和所有列表项内的HorizontalScrollView绑定同一个滚动监听，任意一个视图触发横向滚动时，将所有关联滚动视图的scrollX值设置为相同数值即可。

2. 列表项布局修正 #

每个列表项单独用HorizontalScrollView包裹内容行，移除item内重复的表头布局，周数列通过代码动态添加：

<?xml version="1.0" encoding="utf-8"?>
<HorizontalScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scrollbars="none">

    <TableLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TableRow>
            <!-- 用户名列，和表头对应列宽度保持一致 -->
            <TextView
                android:id="@+id/username"
                android:layout_width="70dp"
                android:layout_height="40dp"
                android:padding="5dip"
                android:textSize="10sp"/>
            <!-- 代码动态添加每一周的队伍选择项，每列固定宽度40dp，和表头列宽对齐 -->
        </TableRow>
    </TableLayout>

</HorizontalScrollView>

3. 单周队伍选择项布局 #

将原布局里的队伍logo+缩写模块抽为独立布局，每一周对应inflate一个实例添加到TableRow中：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="40dp"
    android:layout_height="40dp">
    <ImageView
        android:id="@+id/teamLogo"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <TextView
        android:id="@+id/teamInit"
        android:layout_width="match_parent"
        android:layout_height="12dp"
        android:layout_gravity="bottom"
        android:background="@color/text_gray_666666"
        android:gravity="center"
        android:textAllCaps="true"
        android:textColor="@color/white"
        android:textSize="8dp"
        android:textStyle="bold"/>
</FrameLayout>

• 禁止将自带滚动能力的控件（RecyclerView、ListView、ScrollView）嵌套在同方向的滚动容器中，否则必然出现测量冲突、滚动卡顿、内容不渲染的问题。
• 水平滚动容器的直接子View必须设置wrap_content宽度，否则水平滚动逻辑不会触发。
• 表格类布局需要固定每一列的宽度，保证表头和内容行的同序列宽度完全一致，避免出现列错位问题。

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