Android 布局详解 -三表格布局(TableLayout)以及重要属性

          TableLayout跟TableRow 是一组搭配应用的布局,TableLayout置底,TableRow在TableLayout的上方,而Button、TextView等控件就在TableRow之上,别的,TableLayout之上也可以零丁放控件。TableLayout是一个应用错杂的布局,最简单的用法就仅仅是拖沓控件做出个界面,但实际上,会经常在代码里应用TableLayout,例如做出表格的结果。本文首要介绍TableLayout的根蒂根基应用办法。        

重要的几个属性如下:

 1.android:collapseColumns://隐藏指定的列
        ①设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引,多个用“,”隔开 
        ②以第0行为序,隐藏指定的列:把android:collapseColumns=0,3 意思是把第0和第3列隐藏

 
    2.android:shrinkColumns://收缩指定的列以适合屏幕、不会挤出屏幕                                     ① 设置 TableLayout 内的 TableRow 中需要拉伸(该列会拉伸到所有可用空间)的列的列索引,多列个用“,”隔开(多列 每列填充空隙大小一样)
       
以第0行为序,自动延伸指定的列填充可用部分: 当LayoutRow里面的控件还没有布满布局时,shrinkColumns不起作用。
     ③
设置shrinkColumns=1,4,布局完全没有改变,因为LayoutRow里面还剩足够的空间。当LayoutRow布满控件时,设置了shrinkColumns=2,5,则控件自动向垂直方向填充空间 

 


                                                                                                                                         3.android:stretchColumns://尽量把指定的列表填充空白部分                                 

      ①设置 TableLayout 内的 TableRow 中需要收缩(为了使其他列不会被挤到屏幕 外,此列会自动收缩)的列的列索引,多个用“,”隔开                                                                                                                      

         ② 以第0行为序,尽量把指定的列填充空白部分:设置stretchColumns=2,5,第1,4列被尽量填充同时向右填充,直到2,5被压挤到最后边)。 

补充:

①表格布局的子对象不能指定 layout_width 属性.宽度永远是 MATCH_PARENT

②不过子对象可以定义 layout_height 属性;其默认值是WRAP_CONTENT如果子对象是 TableRow,其高度永远是 WRAP_CONTENT

 

实例:


 

001 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
002     xmlns:tools="http://schemas.android.com/tools"
003     android:layout_width="match_parent"
004     android:layout_height="match_parent"
005     android:orientation="vertical"
006     tools:context=".AndroidTableLayoutActivity" >
007  
008     <!-- 定义第一个表格,指定第2列允许收缩,第3列允许拉伸 -->
009  
010     <TableLayout
011         android:id="@+id/tablelayout01"
012         android:layout_width="match_parent"
013         android:layout_height="wrap_content"
014         android:shrinkColumns="1"
015         android:stretchColumns="2" >
016  
017         <!-- 直接添加按钮,自己占用一行 -->
018  
019         <Button
020             android:id="@+id/btn01"
021             android:layout_width="wrap_content"
022             android:layout_height="wrap_content"
023             android:text="独自一行" >
024         </Button>
025  
026         <TableRow>
027  
028             <Button
029                 android:id="@+id/btn02"
030                 android:layout_width="wrap_content"
031                 android:layout_height="wrap_content"
032                 android:text="普通" >
033             </Button>
034  
035             <Button
036                 android:id="@+id/btn03"
037                 android:layout_width="wrap_content"
038                 android:layout_height="wrap_content"
039                 android:text="允许被收缩允许被收缩允许被收缩允许被收缩" >
040             </Button>
041  
042             <Button
043                 android:id="@+id/btn04"
044                 android:layout_width="wrap_content"
045                 android:layout_height="wrap_content"
046                 android:text="允许被拉伸允许被拉伸允许被拉伸" >
047             </Button>
048         </TableRow>
049     </TableLayout>
050     <!-- 定义第2个表格,指定第2列隐藏 -->
051  
052     <TableLayout
053         android:id="@+id/tablelayout02"
054         android:layout_width="match_parent"
055         android:layout_height="wrap_content"
056         android:collapseColumns="1" >
057  
058         <TableRow>
059  
060             <Button
061                 android:id="@+id/btn05"
062                 android:layout_width="wrap_content"
063                 android:layout_height="wrap_content"
064                 android:text="普通" >
065             </Button>
066  
067             <Button
068                 android:id="@+id/btn06"
069                 android:layout_width="wrap_content"
070                 android:layout_height="wrap_content"
071                 android:text="被隐藏列" >
072             </Button>
073  
074             <Button
075                 android:id="@+id/btn07"
076                 android:layout_width="wrap_content"
077                 android:layout_height="wrap_content"
078                 android:text="允许被拉伸" >
079             </Button>
080         </TableRow>
081     </TableLayout>
082     <!-- 定义第3个表格,指定第2列填满空白 -->
083  
084     <TableLayout
085         android:id="@+id/tablelayout03"
086         android:layout_width="match_parent"
087         android:layout_height="wrap_content"
088         android:stretchColumns="1" >
089  
090         <TableRow>
091  
092             <Button
093                 android:id="@+id/btn08"
094                 android:layout_width="wrap_content"
095                 android:layout_height="wrap_content"
096                 android:text="普通" >
097             </Button>
098  
099             <Button
100                 android:id="@+id/btn09"
101                 android:layout_width="wrap_content"
102                 android:layout_height="wrap_content"
103                 android:text="填满剩余空白" >
104             </Button>
105         </TableRow>
106     </TableLayout>
107     <!-- 定义第3个表格,指定第2列横跨2列 -->
108  
109     <TableLayout
110         android:id="@+id/tablelayout04"
111         android:layout_width="match_parent"
112         android:layout_height="wrap_content" >
113  
114         <TableRow>
115  
116             <Button
117                 android:id="@+id/btn10"
118                 android:layout_width="wrap_content"
119                 android:layout_height="wrap_content"
120                 android:text="普通" >
121             </Button>
122  
123             <Button
124                 android:id="@+id/btn11"
125                 android:layout_width="wrap_content"
126                 android:layout_height="wrap_content"
127                 android:layout_column="2"
128                 android:text="填满剩余空白" >
129             </Button>
130         </TableRow>
131     </TableLayout>
132  
133 </LinearLayout>

 

posted @ 2014-03-25 13:01  xiaochao1234  阅读(1195)  评论(0编辑  收藏  举报