android 五大布局（2）帧布局和表格布局

FrameLayout（帧布局）
是最简单的布局方式。
从屏幕的左上角开始显示子对象。

后添加的对象覆盖前一个对象。

表格布局(TableLayout)
也是一种常用的界面布局，它将屏幕划分网格，通过指定行和列可以将界面元素添加的网格中
网格的边界对用户是不可见的
表格布局还支持嵌套，可以将另一个表格布局放置在前一个表格布局的网格中，也可以在表格布局中添加其他界面布局，例如线性布局、相对布局等等
表格布局示意图

表格布局(TableLayout)
一个表格布局由若干个<TableRow>标签组成
每个<TableRow>都会定义一行，每行可以有0或多个单元格
可以向单元格中添加组件，每添加一个组件表格就增加一列
如果直接向TableLayout添加组件，组件将直接站一行

表格布局(TableLayout)
一个表格布局由若干个<TableRow>标签组成
每个<TableRow>都会定义一行，每行可以有0或多个单元格
可以向单元格中添加组件，每添加一个组件表格就增加一列
如果直接向TableLayout添加组件，组件将直接站一行




android:layout_column:设置该控件在TableRow中指定的列
TableLayout可以对列进行隐藏，压缩，拉伸
android:stretchColumns    设置可伸展的列。该列可以向行方向伸展，最多可占据一整行。
  android:stretchColumns="0"    第0列可伸展
android:shrinkColumns     设置可收缩的列。当该列子控件的内容太多，已经挤满所在行，那么该子控件的内容将往列方向显示
  android:shrinkColumns="1"         第1列可收缩
android:collapseColumns 设置要隐藏的列。
   android:collapseColumns=“1”         隐藏第1列


android:layout_column    指定该单元格在第几列显示
android:layout_span        指定该单元格占据的列数（未指定时，为1）
android:layout_column="1"    该控件显示在第1列
android:layout_span="2"        该控件占据2列
说明：一个控件也可以同时具备这两个特性。

<TableLayout
         android:id="@+id/tablelayout01"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:shrinkColumns="1"
         android:stretchColumns="2" > 
         <!-- 直接添加按钮，自己占用一行 -->
         <Button
             android:id="@+id/btn01"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="独自一行" >
         </Button> 
         <TableRow> 
             <Button
                 android:id="@+id/btn02"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="普通" >
             </Button> 
             <Button
                 android:id="@+id/btn03"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="允许被收缩允许被收缩允许被收缩允许被收缩" >
             </Button> 
             <Button
                 android:id="@+id/btn04"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="允许被拉伸" >
             </Button>
         </TableRow>
     </TableLayout>

<TableLayout
         android:id="@+id/tablelayout02"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:collapseColumns="1" >
 
         <TableRow> 
             <Button
                 android:id="@+id/btn05"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="普通" >
             </Button> 
             <Button
                 android:id="@+id/btn06"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="被隐藏列" >
             </Button> 
             <Button
                 android:id="@+id/btn07"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="允许被拉伸" >
             </Button>
         </TableRow>
     </TableLayout>

<TableLayout
         android:id="@+id/tablelayout03"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:stretchColumns="1"
          > 
         <TableRow> 
             <Button
                 android:id="@+id/btn08"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="普通" >
             </Button> 
             <Button
                 android:id="@+id/btn09"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="填满剩余空白" >
             </Button>
         </TableRow>
     </TableLayout>

<TableLayout
         android:id="@+id/tablelayout04"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"   >
 
         <TableRow> 
             <Button
                 android:id="@+id/btn10"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="普通" >
             </Button>             
             <Button
                 android:id="@+id/btn11"
                 android:layout_column="2"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="填满剩余空白" >
             </Button>
         </TableRow>
     </TableLayout>