[读书笔记]Android中的TableLayout

来源：互联网发布：淘宝三个月前订单不见编辑：程序博客网时间：2024/06/08 04:37

在Android中，TableLayout，表格布局采用行列形式管理UI组件，TableLayout不需要声明有多少行和列，而是通过添加TableRow或其它组件来控制表格的行数、列数。

每向TableLayout添加一个TableRow，就是在向表格添加一行，TableRow也是容器，可以向TableRow中添加组件，每添加一个组件，即是添加一列。

如果直接向TableLayout添加组件，则认为这个组件占用一行.

其中表格布局中列的宽度是每一列中最宽的组件的宽度。

    <TableLayout    android:layout_width="match_parent"    android:layout_height="wrap_content">    <Button        android:text="独自占一行"/>    <TableRow>        <Button            android:text="最长的控件"/>        <Button            android:text="控件1"/>    </TableRow>    <TableRow>        <Button            android:text="短控件"/>        <Button            android:text="更长控件"/>    </TableRow></TableLayout>

这里写图片描述

TableLayout属性：

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

<TableLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:collapseColumns="1,3">        <TableRow>            <Button                android:text="控件0"/>            <Button                android:text="控件1"/>            <Button                android:text="控件3"/>            <Button                android:text="控件4"/>        </TableRow>        <TableRow>            <Button                android:text="控件5"/>            <Button                android:text="控件6"/>            <Button                android:text="控件7"/>            <Button                android:text="控件8"/>        </TableRow>    </TableLayout>

这里写图片描述

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

<TableLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:stretchColumns="0,2">        <TableRow>            <Button                android:text="控件0"/>            <Button                android:text="控件1"/>            <Button                android:text="控件3"/>        </TableRow>        <TableRow>            <Button                android:text="控件4"/>            <Button                android:text="控件5"/>            <Button                android:text="控件6"/>        </TableRow>    </TableLayout>

这里写图片描述

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

<TableLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:shrinkColumns="0,2">        <TableRow>            <Button                android:text="控件0控件0控件0控件0控件0控件0控件0控件0"/>            <Button                android:text="控件1"/>            <Button                android:text="控件3"/>        </TableRow>        <TableRow>            <Button                android:text="控件4"/>            <Button                android:text="控件5"/>            <Button                android:text="控件6控件6控件6控件6控件6控件6控件6控件6"/>        </TableRow>    </TableLayout>

这里写图片描述

TableRow属性：

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

  <TableLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:shrinkColumns="0,2">        <TableRow>            <Button                android:text="控件0"/>            <Button                android:layout_span="2"                android:text="控件1"/>        </TableRow>        <TableRow>            <Button                android:text="控件2"/>            <Button                android:text="控件3"/>            <Button                android:text="控件4"/>        </TableRow>    </TableLayout>

这里写图片描述

android:layout_column=”2”设置该控件在TableRow中指定的列。

    <TableLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:shrinkColumns="0,2">        <TableRow>            <Button                android:text="控件0"/>            <Button                android:layout_column="2"                android:text="控件1"/>        </TableRow>        <TableRow>            <Button                android:text="控件2"/>            <Button                android:text="控件3"/>            <Button                android:layout_column="3"                android:text="控件4"/>        </TableRow>    </TableLayout>

这里写图片描述

我的博客网站：http://huyuxin.top/欢迎大家访问！评论！

0 0