Android布局问题：TableRow间接子元素无法继承单元格宽度

我之前做课程表布局时也碰到过一模一样的坑，给你几个实用的解决方案，按从简单到复杂的顺序试试：

1. 给FrameLayout绑定列宽参数（最省心的方案） #

TableRow的子元素宽度匹配逻辑只对直接子View生效，所以只要让你的FrameLayout拥有和其他普通单元格完全一致的布局参数，就能让它继承同列宽度：

• 如果是均分列宽的场景：给FrameLayout设置android:layout_width="0dp" + android:layout_weight="1"，和其他直接子单元格保持一致；
• 如果是固定列宽：直接给FrameLayout设置和同列单元格相同的android:layout_width数值；
• 别忘了给FrameLayout内部的课程项View和覆盖View都设置android:layout_width="match_parent"，这样它们会自动填满FrameLayout的宽度。

示例代码片段：

<TableRow>
    <!-- 普通直接子单元格 -->
    <TextView
        android:layout_width="0dp"
        android:layout_weight="1"
        android:text="周一"/>
    
    <!-- 包裹了课程项和覆盖层的FrameLayout -->
    <FrameLayout
        android:layout_width="0dp"
        android:layout_weight="1">
        <!-- 课程项View -->
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="数学"/>
        <!-- 覆盖层View -->
        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#80FF0000"/>
    </FrameLayout>
</TableRow>

2. 自定义TableRow统一列宽（灵活适配复杂场景） #

如果你的课程表列宽需要动态计算（比如根据内容自动调整），可以自定义一个TableRow子类，在测量阶段手动统一每列的宽度：

public class ScheduleTableRow extends TableRow {
    public ScheduleTableRow(Context context) {
        super(context);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 先让系统完成初始测量
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        
        // 计算每列的最大宽度
        int columnCount = getChildCount();
        int[] columnMaxWidths = new int[columnCount];
        for (int i = 0; i < columnCount; i++) {
            View child = getChildAt(i);
            // 如果是FrameLayout，取内部课程项的宽度（假设第一个子View是课程项）
            if (child instanceof FrameLayout && ((FrameLayout) child).getChildCount() > 0) {
                columnMaxWidths[i] = ((FrameLayout) child).getChildAt(0).getMeasuredWidth();
            } else {
                columnMaxWidths[i] = child.getMeasuredWidth();
            }
        }
        
        // 给所有子元素（包括FrameLayout）设置统一的列宽
        for (int i = 0; i < columnCount; i++) {
            View child = getChildAt(i);
            LayoutParams params = (LayoutParams) child.getLayoutParams();
            params.width = columnMaxWidths[i];
            child.setLayoutParams(params);
        }
        
        // 重新测量确保布局生效
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

使用时直接在布局里替换原来的TableRow即可，这个方法能适配各种动态宽度需求。

3. 换用ConstraintLayout重构布局（长期最优解） #

如果TableLayout的限制让你觉得束手束脚，其实可以直接用ConstraintLayout来搭建课程表：

• 先定义好每一列的参考线（比如用Guideline）；
• 把每个课程项和覆盖层View都绑定到同一列的起始/结束参考线，它们自然会拥有相同的宽度；
• 重叠效果直接通过调整View的层级就能实现，不需要额外的FrameLayout包裹。

这种方案布局更灵活，后期维护起来也更方便，适合复杂的课程表场景。

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