android基礎(chǔ)之TableLayout布局

表格布局如同一個(gè)一個(gè)表格，有多個(gè)TableRow組成。每個(gè)TableRow是一行：

在TableLayout中還有幾個(gè)屬性：

shrinkColumns屬性：

以0為序，當(dāng)TableRow里面的控件布滿布局時(shí)，指定列自動(dòng)延伸以填充可用部分。當(dāng)TableRow里面的控件木有布滿布局時(shí)，shrinkColumns不起作用

stretchColumns屬性：

以第0行為序，指定列對(duì)空白部分進(jìn)行填充

如下示例代碼：

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:stretchColumns="1"

    >

<TableRow>

    <Button android:text="@string/button1"  />

    <Button android:text="@string/button2"/>

    </TableRow>

   <TableRow>

        <Button android:text="@string/button5"/>

        <Button android:text="@string/button6"/>

    </TableRow>

   <TableRow>

        <Button android:text="@string/button9"/>

        <Button android:text="@string/button10"/>

        </TableRow>

</TableLayout>

這個(gè)是設(shè)置了stretchColumns的截圖：

下面的代碼是木有設(shè)置shrinkColumns的

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    >

<TableRow>

    <Button android:text="@string/button1"  />

    <Button android:text="@string/button2"/>

       <Button android:text="@string/button3"/>

       <Button android:text="@string/button4"/>

    </TableRow>

   <TableRow>

        <Button android:text="@string/button5"/>

        <Button android:text="@string/button6"/>

           <Button android:text="@string/button7"/>

       <Button android:text="@string/button8"/>

    </TableRow>

   <TableRow>

        <Button android:text="@string/button9"/>

        <Button android:text="@string/button10"/>

           <Button android:text="@string/button11"/>

       <Button android:text="@string/button12"/>

        </TableRow>

</TableLayout>

運(yùn)行結(jié)果如下圖所示：

設(shè)置了shrinkColumns屬性之后：

運(yùn)行結(jié)果如下：

collapseColumns屬性：

以第0行為序，影藏指定的列

代碼如下：

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

   android:collapseColumns="2"

    >

<TableRow>

    <Button android:text="@string/button1"  />

    <Button android:text="@string/button2"/>

       <Button android:text="@string/button3"/>

    </TableRow>

   <TableRow>

        <Button android:text="@string/button5"/>

        <Button android:text="@string/button6"/>

           <Button android:text="@string/button7"/> 

    </TableRow>

   <TableRow>

        <Button android:text="@string/button9"/>

        <Button android:text="@string/button10"/>

           <Button android:text="@string/button11"/>

        </TableRow>

</TableLayout>

運(yùn)行如下：影藏了第三列

layout_column屬性：以第0行為序，設(shè)置組件顯示在指定列

layout_span屬性：以第0行為序，設(shè)置組件顯示占用的列數(shù)

代碼如下：

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    >

<TableRow>

    <Button android:text="@string/button1" android:layout_span="3" />

    <Button android:text="@string/button2"/>  

    </TableRow>

  <TableRow>

        <Button android:text="@string/button5" android:layout_column="2"/>

        <Button android:text="@string/button6" android:layout_column="0"/>

    </TableRow>

   <TableRow>

        <Button android:text="@string/button9"/>

        <Button android:text="@string/button10"/>

        </TableRow>

</TableLayout>

運(yùn)行如下：

button5組件被設(shè)置顯示在了第3列的話。另一個(gè)組件button6并木有按照設(shè)置顯示在第一列，原因在于表格的布局中。TableRow一行里的組件都會(huì)自動(dòng)放在前一組件的右側(cè)，一次排列，所以只要TableRow行中的第一個(gè)組件確定了所在列，其后者就無(wú)法再次進(jìn)行位置設(shè)定了。。。