Android初试--TableLayout（表格布局）

超、凢脫俗 2022-08-26 03:49 207阅读 0赞

TableLayout（表格布局）

TableLayout将子元素的位置分配到行或列中。一个TableLayout由许多的TableRow组成，每个TableRow都会定义一个row（事实上，你可以定义其它的子对象）。TableLayout容器不会显示row、cloumns或cell的边框线。每个row拥有0个或多个的cell，每个cell拥有一个View对象。表格由列和行组成许多的单元格。表格允许单元格为空。单元格不能跨列，这与HTML中的不一样。

下面使用TableLayout（表格布局）做一个简单的学生表：

<TableLayout 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:shrinkColumns="\*"

android:stretchColumns="\*" >

<TableRow

android:id="@+id/tabletitle"

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content" >

<TextView

android:id="@+id/textViewtitle"

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content"

android:layout\_span="4"

android:gravity="center"

android:text="学生表"

android:textSize="18dp" />

</TableRow>

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="编号" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="姓名" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="性别" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="年龄" />

</TableRow>

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="1000" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="张三" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="男" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="23" />

</TableRow>

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="1001" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="lisisi" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="女" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="20" />

</TableRow>

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="1002" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="王五" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="男" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="21" />

</TableRow>

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="1003" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="赵丽" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="女" />

<TextView

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="22" />

</TableRow>

</TableLayout>

代码说明：

android:shrinkColumns="\*" 拉伸所有列，填满布局

android:stretchColumns="\*" 将所有的列设置为伸展的

android:layout\_span="4" 跨四列

android:gravity="center"设置居中显示

效果如图：

![SouthEast][]

用途实例：例如设计一个系统桌面，可以将桌面以表格的形式展现出来，每一个图标可以放在相对应的单元格里，显得美观大方。

[SouthEast]: /images/20220824/ae15794087b74c14a32800923a809cbd.png

Android初试--TableLayout（表格布局）

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 TableLayout——表格布局

相关 HarmonyOS UI开发 TableLayout(表格布局) 的使用

相关 Android初试--TableLayout（表格布局）

相关 Android初试--RelativeLayout（相对布局）

相关 UI-Tablelayout表格布局

相关（三）Android布局之表格布局(TableLayout)

相关 TableLayout布局

相关 Android Studio简易计算器（表格布局TableLayout）

相关 Android的TableLayout布局

相关 Andorid---UI篇---TableLayout（表格布局）