Android TableLayout行列边框设置：如何添加列间水平分隔线？

API 探路者

2026-5-13

解决Android TableLayout列分隔线与完整边框问题

看起来你在给TableLayout设计表格边框时，卡在了列之间的垂直分隔线实现上（应该是笔误说的“水平分隔线”），我帮你分析问题并给出可行的解决方案：

问题诊断

当前给TableRow设置的@drawable/table_border应该只处理了行的整体边框，没有考虑列之间的垂直分隔；
直接给TableRow设置背景会覆盖单元格之间的空隙，导致列分隔线无法显示；
表头行的样式和数据行没有统一，整体表格视觉上不连贯。

解决方案

我们可以通过给每个单元格（TextView）添加右侧边框（最后一列除外），同时统一TableRow的背景边框来实现预期的表格效果。

步骤1：创建边框Drawable文件

首先在res/drawable目录下创建两个drawable文件：

1.1 行背景边框（table_border.xml）

用于给TableRow设置整体的背景和外边框：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 行背景色，可根据需求修改 -->
    <solid android:color="#ffffff" />
    <!-- 行的外边框，颜色和宽度可调整 -->
    <stroke
        android:width="1dp"
        android:color="#cccccc" />
</shape>

1.2 单元格右侧分隔线（cell_right_border.xml）

用于给每个单元格添加右侧的垂直分隔线：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 透明背景，避免覆盖行背景 -->
    <solid android:color="@android:color/transparent" />
    <!-- 只保留右边框 -->
    <stroke
        android:width="1dp"
        android:color="#cccccc"
        android:left="0dp"
        android:top="0dp"
        android:bottom="0dp"
        android:right="1dp"/>
</shape>

步骤2：修改布局文件（activity_main.xml）

修改后的布局会给表头和数据行统一边框，同时添加列之间的垂直分隔线：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:elevation="8dp"
    android:layout_height="match_parent"
    android:layout_marginTop="@dimen/_50sdp"
    android:stretchColumns="*"> <!-- 让列自动填充宽度，表格更整齐 -->

    <!-- 表头行 -->
    <TableRow
        android:background="@drawable/table_border"
        android:padding="@dimen/_5sdp"
        android:layout_marginStart="@dimen/_4sdp"
        android:layout_marginEnd="@dimen/_4sdp"
        android:layout_marginTop="@dimen/_14sdp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Country"
            android:textStyle="bold"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/white"
            android:background="@drawable/cell_right_border"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Size"
            android:paddingLeft="@dimen/_5sdp"
            android:textStyle="bold"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/white"
            android:background="@drawable/cell_right_border"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Height"
            android:paddingLeft="@dimen/_5sdp"
            android:textStyle="bold"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/white"
            android:background="@drawable/cell_right_border"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Chest"
            android:paddingLeft="@dimen/_5sdp"
            android:textStyle="bold"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/white"
            android:background="@drawable/cell_right_border"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Waist"
            android:paddingLeft="@dimen/_5sdp"
            android:textStyle="bold"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/white"
            android:background="@drawable/cell_right_border"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Neck"
            android:paddingLeft="@dimen/_5sdp"
            android:textStyle="bold"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/white"
            android:background="@drawable/cell_right_border"/>

        <!-- 最后一列不需要右边框 -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Arm"
            android:paddingLeft="@dimen/_5sdp"
            android:textStyle="bold"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/white"/>
    </TableRow>

    <!-- 数据行（示例，其他行同理修改） -->
    <TableRow
        android:background="@drawable/table_border"
        android:padding="@dimen/_5sdp"
        android:layout_marginStart="@dimen/_4sdp"
        android:layout_marginEnd="@dimen/_4sdp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="India"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/black"
            android:background="@drawable/cell_right_border"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="XL"
            android:paddingLeft="@dimen/_5sdp"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/black"
            android:background="@drawable/cell_right_border"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="20-21"
            android:paddingLeft="@dimen/_5sdp"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/black"
            android:background="@drawable/cell_right_border"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="22-23"
            android:paddingLeft="@dimen/_5sdp"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/black"
            android:background="@drawable/cell_right_border"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="24-25"
            android:paddingLeft="@dimen/_5sdp"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/black"
            android:background="@drawable/cell_right_border"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="25-26"
            android:paddingLeft="@dimen/_5sdp"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/black"
            android:background="@drawable/cell_right_border"/>

        <!-- 最后一列不需要右边框 -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="30"
            android:paddingLeft="@dimen/_5sdp"
            android:layout_margin="@dimen/_5sdp"
            android:textColor="@android:color/black"/>
    </TableRow>

    <!-- 其他数据行按照上述格式修改即可 -->
</TableLayout>

额外优化建议

如果想要表头保持红色背景，可以创建单独的table_header_border.xml，将<solid>颜色改为#ca0a29；
android:stretchColumns="*"可以让所有列自动填充屏幕宽度，避免表格出现空白；
可以创建Style样式统一设置单元格属性，减少重复代码。

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

Android TableLayout行列边框设置：如何添加列间水平分隔线？

问题诊断 #

解决方案 #

步骤1：创建边框Drawable文件 #