表格佈局三個屬性
下圖是表格佈局最重要的三個屬性:
如果我們直接往
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>