表格布局(TableLayout)及重要属性

最后更新于:2022-04-01 16:13:35

TableLayout属性: android:collapseColumns:将TableLayout里面**指定的列隐藏**,若有多列需要隐藏,请用逗号将需要隐藏的列序号隔开。 android:stretchColumns:设置**指定的列为可伸展的列,以填满剩下的多余空白空间**,若有多列需要设置为可伸展,请用逗号将需要伸展的列序号隔开。 android:shrinkColumns:设置**指定的列为可收缩的列。当可收缩的列太宽(内容过多)不会被挤出屏幕**。当需要设置多列为可收缩时,将列序号用逗号隔开。 TableLayout继承了LinearLayout,本质上是线性布局。表格布局采用行,列形式来管理UI组件,是通过TableRow,其他组件来控制表格的行,列的 每次想TableLayout中添加一个TableRow,该TableRow就是一个表格行,TableRow也是容器,因此可以添加组件,没添加一个子组件该表格就增加一列。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-03-10_56e0d9a7579d2.jpg) ~~~ <pre name="code" class="html"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".AndroidTableLayoutActivity" > <!-- 定义第一个表格,指定第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> </LinearLayout> ~~~ ~~~ </pre><pre name="code" class="java"><img src="http://img.blog.csdn.net/20160104200926588?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /> ~~~
';