Android——Layout:TableLayout

   

表格布局是指该容器是一个表格，放置控件时，控件的位置坐落在表格的某个位置上。

其中TableRow是配合TableLayout使用的，目的是为了让TableLayout生成多个列，否则TableLayout中就只能存在一列元素，但可以有多行。

TableLayout的直接父类是LinearLayout,所以其具有LinearLayout的属性，TableLayout中的每一行用TableRow表示，每一列就是TableRow中的个数指定的。TableRow的直接父类是LinearLayout,但是其放置的方式只能水平放置。

例如：

<?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
        android:id="@+id/tableRow1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        >
          <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:gravity="center_vertical"  
            android:paddingLeft="10dip"
            android:layout_height="47dip"
            android:text="登录" />
        
    </TableRow>

    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <TableLayout
            android:layout_weight="1"
            android:minHeight="165dip"
            android:layout_margin="10dip"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TableRow
                android:id="@+id/tableRow5"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" >
                <EditText
                    android:inputType="number"
                    android:layout_marginLeft="5dip"
                    android:layout_marginRight="5dip"
                    android:layout_marginTop="10dip"
                    android:id="@+id/Row1"
                    android:layout_weight="1"
                    android:singleLine="true"
                    android:hint="用户名"
                    android:paddingLeft="10dip"
                    android:layout_height="50dip"
                    android:layout_width="fill_parent"
                    />
            </TableRow>

            <TableRow
                android:id="@+id/tableRow6"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" >
                
                 <EditText
                    android:inputType="textPassword"
                    android:layout_height="50dip"
                    android:hint="密码"
                    android:layout_marginLeft="5dip"
                    android:layout_marginRight="5dip"
                    android:id="@+id/password"
                    android:password="true"
                    android:layout_weight="1"
                    android:singleLine="true"
                    android:paddingLeft="10dip"
                    android:layout_width="fill_parent"
                    />
            </TableRow>

            <TableRow
                android:id="@+id/tableRow7"
                android:layout_width="wrap_content"
                android:layout_marginLeft="10dip"
                android:minWidth="100dip"
                android:layout_marginRight="10dip"
                android:layout_marginTop="5dip"
                android:layout_height="wrap_content"
                
                >
                 <TextView
                     android:text="注册>>"
                     android:textColor="#009900"
                     android:textSize="18sp"
                     android:gravity="center_vertical"
                     android:layout_weight="10"  
                     android:layout_width="wrap_content"
                     android:textAppearance="?android:attr/textAppearanceMedium"
                     android:id="@+id/textview2"
                     android:layout_height="match_parent"               
                  />
                 
                 <Button 
                     android:layout_weight="1"
                     android:minWidth="80dip"
                     android:layout_height="40dip"
                     android:text="点击登录"
                     android:textColor="#fff"
                     android:textSize="18sp"
                     android:id="@+id/login"
                     android:layout_width="wrap_content"
                     />
                 
            </TableRow>

            <TableRow
                android:id="@+id/tableRow8"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
            </TableRow>
        </TableLayout>
          
    </TableRow>

    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </TableRow>
</TableLayout>

XML结构：

布局完成之后的效果：

跟行内布局和相对布局相比，tablelayout的布局方式更像BootStrap的分块布局方式，布局灵活方便。适合复杂的布局。