表格布局以表格行为基础,行内的一个UI元素为1列,可以设置一个UI元素跨多了在使用layout_span的属性。
注意到EditText控件和ok按钮控件的列索引属性。因为EditText跨了3列,所以被隐藏了。
TableLayout - 表格式布局。
TableRow - 表格内的行,行内每一个元素算作一列
collapseColumns - 设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引,多个用“,”隔开
stretchColumns - 设置 TableLayout 内的 TableRow 中需要拉伸(该列会拉伸到所有可用空间)的列的列索引,多个用“,”隔开
shrinkColumns - 设置 TableLayout 内的 TableRow 中需要收缩(为了使其他列不会被挤到屏幕外,此列会自动收缩)的列的列索引,多个用“,”隔开
TableRow - 表格内的行,行内每一个元素算作一列
collapseColumns - 设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引,多个用“,”隔开
stretchColumns - 设置 TableLayout 内的 TableRow 中需要拉伸(该列会拉伸到所有可用空间)的列的列索引,多个用“,”隔开
shrinkColumns - 设置 TableLayout 内的 TableRow 中需要收缩(为了使其他列不会被挤到屏幕外,此列会自动收缩)的列的列索引,多个用“,”隔开
01.
<
TableLayout
xmlns:android
=
"http://schemas.android.com/apk/res/android"
02.
android:id
=
"@+id/tablelayout1"
03.
android:layout_width
=
"fill_parent"
04.
android:layout_height
=
"fill_parent"
05.
android:collapseColumns
=
"0,3"
>
06.
<
TableRow
>
07.
<
TextView
android:text
=
"URL:"
/>
08.
<
EditText
android:id
=
"@+id/url"
09.
android:layout_span
=
"3"
/>
10.
</
TableRow
>
11.
<
View
12.
android:layout_height
=
"2px"
13.
android:background
=
"#0000FF"
/>
14.
<
TableRow
>
15.
<
Button
android:id
=
"@+id/cancel"
16.
android:layout_column
=
"2"
17.
android:text
=
"Cancel"
/>
18.
<
Button
android:id
=
"@+id/ok"
19.
android:text
=
"OK"
/>
20.
</
TableRow
>
21.
</
TableLayout
>
注意到EditText控件和ok按钮控件的列索引属性。因为EditText跨了3列,所以被隐藏了。