表格布局三个属性
下图是表格布局最重要的三个属性:
如果我们直接往
TableLayout
里面放一个组件的话,那么这个组件将会占满一行。如果想要多个组件,那就需要用<TableRow></TableRow>
这个标签把所有的组件放进去。TableLayout
的Layout_Width
默认为fill_parent
即填充一整行。
下面三个属性全部写在TableLayout
内
隐藏collapseColumns
格式:
android:collapseColumns="指定的列"
隐藏属性即把指定列(列从0开始计数
)隐藏起来。可以指定多个列
,中间用,
间隔
拉伸stretchColumns
格式:
android:stretchColumns="指定的列"
同上
收缩shrinkColumns
格式:
android:shrinkColumns="指定的列"
同上
下面写个代码:
效果预览:
从上至下分别是:隐藏
、伸张
、收缩
代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TableLayout
android:id="@+id/table1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:collapseColumns="0,2" >
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn1" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn2" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn3" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn4" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn5" />
</TableRow>
</TableLayout>
<TableLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:stretchColumns="0,2" >
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn6" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn7" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn8" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn9" />
</TableRow>
</TableLayout>
<TableLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:shrinkColumns="1" >
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn10" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn11" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn12" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn13" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="btn14" />
</TableRow>
</TableLayout>
</LinearLayout>