Android-TableLayout(表格布局)

最新推荐文章于 2025-03-10 09:28:15 发布

Android_xi

最新推荐文章于 2025-03-10 09:28:15 发布

阅读量1k

点赞数

分类专栏： Android 文章标签： Android TableLayout(表格布局)

本文链接：https://blog.youkuaiyun.com/Android_xi/article/details/88607786

版权

Android 专栏收录该内容

59 篇文章

订阅专栏

TableLayout是Android中用于组织控件的一种布局方式，以行和列的形式管理组件。每个行可以是TableRow对象或者单独的View，每个View默认占据一列。通过android:collapseColumns、android:stretchColumns和android:shrinkColumns属性可以实现列的隐藏、伸展和收缩。尽管Button没有生效的layout_column和layout_span属性，但TableLayout提供了灵活的布局调整选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TableLayout(表格布局)

Tablelayout以行和列的形式对控件进行管理，每一行为一个TableRow对象，或一个View控件。

当为TableRow对象时，可在TableRow下添加子控件，默认情况下，每个子控件占据一列。

有多少个子控件就有多少列;当为View时，该View将独占一行,

TableLayout属性：

android:collapseColumns:将TableLayout里面指定的列隐藏，若有多列需要隐藏，请用逗号将需要隐藏的列序号隔开。

android:stretchColumns:设置指定的列为可伸展的列，以填满剩下的多余空白空间，若有多列需要设置为可伸展，请用逗号将需要伸展的列序号隔开。

android:shrinkColumns:设置指定的列为可收缩的列。当可收缩的列太宽(内容过多)不会被挤出屏幕。当需要设置多列为可收缩时，将列序号用逗号隔开。

列元素(Button)属性：（奇怪的是button 里面没有android:layout_column 和android:layout_span两个属性，写进去无反应，还不知道为什么）

android:layout_colum:设置该控件在TableRow中指定的列。

android:layout_span:设置该控件所跨越的列数。

代码：

<!-- 定义第一个表格，指定第2列允许收缩，第3列允许拉伸 -->

<TableLayout
    android:id="@+id/tablelayout01"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:shrinkColumns="1"
    android:stretchColumns="2" >

    <!-- 直接添加按钮，自己占用一行 -->

    <Button
        android:id="@+id/btn01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="独自一行" >
    </Button>

    <TableRow>

        <Button
            android:id="@+id/btn02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="普通" >
        </Button>

        <Button
            android:id="@+id/btn03"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="允许被收缩允许被收缩允许被收缩允许被收缩" >
        </Button>

        <Button
            android:id="@+id/btn04"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="允许被拉伸" >
        </Button>
    </TableRow>
</TableLayout>
<!-- 定义第2个表格，指定第2列隐藏 -->

<TableLayout
    android:id="@+id/tablelayout02"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:collapseColumns="1" >

    <TableRow>

        <Button
            android:id="@+id/btn05"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="普通" >
        </Button>

        <Button
            android:id="@+id/btn06"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="被隐藏列" >
        </Button>

        <Button
            android:id="@+id/btn07"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="允许被拉伸" >
        </Button>
    </TableRow>
</TableLayout>
<!-- 定义第3个表格，指定第2列填满空白-->

<TableLayout
    android:id="@+id/tablelayout03"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="1"
     >

    <TableRow>

        <Button
            android:id="@+id/btn08"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="普通" >
        </Button>

        <Button
            android:id="@+id/btn09"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="填满剩余空白" >
        </Button>
    </TableRow>
</TableLayout>
<!-- 定义第3个表格，指定第2列横跨2列-->

<TableLayout
    android:id="@+id/tablelayout04"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
     >

    <TableRow>

        <Button
            android:id="@+id/btn10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="普通" >
        </Button>
        
        <Button
            android:id="@+id/btn11"
            android:layout_column="2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="填满剩余空白" >
        </Button>
    </TableRow>
</TableLayout>