Android中TableRow与TableLayout无法对齐，内容下移问题求助

问题根源分析 #

你的代码存在三个核心问题导致列下移：

• 循环逻辑错误：每次循环都创建一个新TableRow，仅设置其中一个TextView就添加到TableLayout，导致每行只有一列有数据，其余列空值，视觉上呈现下移效果。
• 冗余布局嵌套：table_row.xml中用RelativeLayout包裹TableRow完全没必要，TableRow本身是TableLayout的专用行容器，嵌套会干扰布局计算。
• 布局参数冲突：代码中给TextView重新设置LayoutParams时，丢失了原有的layout_weight属性，同时TextView使用layout_toRightOf属于错误用法（TableRow内不需要该属性）。

修复方案 #

1. 重构table_row.xml布局

去掉外层RelativeLayout，直接用TableRow作为根布局，修正TextView的布局属性：

<?xml version="1.0" encoding="utf-8"?>
<TableRow xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tr"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/tableCell1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_column="0"
        android:layout_weight="1"
        android:textColor="@color/black"
        android:textSize="20dp"
        android:paddingVertical="8dp"
        android:gravity="center"/>

    <TextView
        android:id="@+id/tableCell2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_column="1"
        android:layout_weight="1"
        android:textColor="@color/black"
        android:textSize="20dp"
        android:paddingVertical="8dp"
        android:gravity="center"/>

    <TextView
        android:id="@+id/tableCell3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_column="2"
        android:layout_weight="1"
        android:textColor="@color/black"
        android:textSize="20dp"
        android:paddingVertical="8dp"
        android:gravity="center"/>

    <TextView
        android:id="@+id/tableCell4"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_column="3"
        android:layout_weight="1"
        android:textColor="@color/black"
        android:textSize="20dp"
        android:paddingVertical="8dp"
        android:gravity="center"/>
</TableRow>

2. 修正MainActivity的循环逻辑

假设你的数据是按行组织的（比如每行4个元素的数组或集合），调整循环逻辑，一次性设置整行的所有列后再添加到TableLayout：

// 假设rows是存储每行数据的集合，比如List<String[]> rows
final TableLayout detailsTable = (TableLayout) findViewById(R.id.details_table);
detailsTable.setStretchAllColumns(true);

for (String[] rowData : rows) {
    // 只inflate一次行布局
    TableRow tableRow = (TableRow) getLayoutInflater().inflate(R.layout.table_row, detailsTable, false);
    
    // 设置该行所有列的内容
    TextView cell1 = tableRow.findViewById(R.id.tableCell1);
    TextView cell2 = tableRow.findViewById(R.id.tableCell2);
    TextView cell3 = tableRow.findViewById(R.id.tableCell3);
    TextView cell4 = tableRow.findViewById(R.id.tableCell4);
    
    cell1.setText(rowData[0]);
    cell2.setText(rowData[1]);
    cell3.setText(rowData[2]);
    cell4.setText(rowData[3]);
    
    // 统一设置背景色（可选）
    int bgColor = Color.parseColor("#f8f8f8");
    cell1.setBackgroundColor(bgColor);
    cell2.setBackgroundColor(bgColor);
    cell3.setBackgroundColor(bgColor);
    cell4.setBackgroundColor(bgColor);
    
    // 添加整行到表格
    detailsTable.addView(tableRow);
}

3. 表头布局优化（可选）

为了和内容行保持一致，建议把表头的TextView布局参数也调整为layout_width="0dp"，统一列宽分配：

<TableRow>
    <TextView
        android:text="User"
        android:layout_width="0dp"
        android:layout_column="0"
        android:layout_weight="1"
        android:textSize="50px"
        android:textColor="@color/black"
        android:paddingVertical="8dp"
        android:gravity="center"/>
    <!-- 其余三个表头TextView做相同调整 -->
</TableRow>

关键修改说明 #

• 循环逻辑：从"每个数据项生成一行"改为"每行数据生成一行"，确保每行的四个列都有内容，避免空列导致的视觉下移。
• 布局简化：去掉冗余的RelativeLayout，让TableRow直接作为行容器，符合Android TableLayout的设计规范。
• 列宽控制：TextView的layout_width设为0dp，配合layout_weight实现均匀分配列宽，避免布局混乱。

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