现在的位置: 首页 > 综合 > 正文

Android UI学习 – TableLayout

2014年01月31日 ⁄ 综合 ⁄ 共 3163字 ⁄ 字号 小 中 大 ⁄ 评论关闭
    TableLayout和我们平时在网页上见到的Table有所不同，TableLayout没有边框的，它是由多个TableRow对象组成，每个TableRow可以有0个或多个单元格，每个单元格就是一个View。这些TableRow，单元格不能设置layout_width,宽度默认是fill_parent的，只有高度layout_height可以自定义，默认是wrap_content。
     单元格可以为empty，并且通过android:layout_column可以设置index值实现跳开某些单元格。在TableRow之间，添加View,设置layout_height以及背景色，就可以实现一条间隔线。android:layout_span可以设置合并几个单元格：
 
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent"> 
  5.  
  6.     <TableRow> 
  7.         <TextView 
  8.             android:text="column1" 
  9.             android:padding="3dip"  /> 
  10.         <TextView 
  11.             android:text="column2" 
  12.             android:padding="3dip"  /> 
  13.         <TextView 
  14.             android:text="column3" 
  15.             android:padding="3dip"  /> 
  16.     </TableRow> 
  17.  
  18.     <TableRow> 
  19.         <TextView 
  20.           android:text="column11" 
  21.           android:visibility="invisible"/> //cell不见了 
  22.         <TextView 
  23.             android:text="左边的invisible" 
  24.             android:gravity="right" 
  25.             android:padding="3dip" /> 
  26.         <Button 
  27.             android:id="@+id/go" 
  28.             android:text="go"  
  29.             android:padding="3dip" /> 
  30.         <Button 
  31.             android:text="cancel" 
  32.             android:padding="3dip" /> 
  33.     </TableRow> 
  34.  
  35.     <View                               //间隔线 
  36.         android:layout_height="2dip" 
  37.         android:background="#F00" /> 
  38.  
  39.     <TableRow> 
  40.         <TextView 
  41.             android:text="右边的cell empty" /> 
  42.         <TextView 
  43.             android:layout_column="2" 
  44.             android:text="跳开empty cell" 
  45.             android:padding="3dip" /> 
  46.     </TableRow> 
  47.      
  48.     <TableRow> 
  49.         <TextView 
  50.             android:text="合并3个单元格" 
  51.             android:layout_span="3" 
  52.             android:gravity="center_horizontal" 
  53.             android:background="#FFC0C0C0" 
  54.             android:textColor="#f00" 
  55.             android:padding="3dip" /> 
  56.     </TableRow> 
  57. </TableLayout> 
没有设置收缩/伸展效果

Table1

    注意，原来没有添加 android:padding="3dip" 的，发现那些column会凑在一起的，没有空白间隔！明显看到，那个cancel按钮被挤到几乎看不见了！这时候需要使用android:shrinkColumns="可收缩的column"，android:stretchColumns="可伸展的column"。
    android:shrinkColumns和android:stretchColumns的值都是以0开始的index，但必须是string值，即用"1,2,5"来表示。可以用"*"来表示all
columns。而且同一column可以同时设置为shrinkable和stretchable。
    如果使用TableLayout类的setColumnShrinkable/setColumnStretchable (int columnIndex, boolean isShrinkable)就麻烦些了，需要一个一个column来设置。也可以使用TableLayout的setShrinkAllColumns/setStretchAllColumns来设置all
columns。
    判断这些column是否shrinkable或stretchable，可以调用isColumnShrinkable/isColumnStretchable(int columnIndex)，isShrinkAllColumns()/isStretchAllColumns()。
 
    

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

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

  3.     android:layout_width="fill_parent" 
    4. 

  4.     android:layout_height="fill_parent" 
    5. 

  5.     android:shrinkColumns="0" > // 设置第一个column可收缩 
    6. 

  6.  
    7. 

  7.     <TableRow> 
    8. 

  8.         <TextView 
    9. 

  9.             android:text="column1" 
    10. 

  10.             android:padding="3dip"  /> 
    11. 

  11.         <TextView 
    12. 

  12.             android:text="column2" 
    13. 

  13.             android:padding="3dip"  /> 
    14. 

  14.         <TextView 
    15. 

  15.             android:text="column3" 
    16. 

  16.             android:padding="3dip"  /> 
    17. 

  17.     </TableRow
返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞