Android UI学习 - TableLayout

Android UI学习 - TableLayout 

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可以设置合并几个单元格

  • <?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> 
  •         <TextView 
  •             android:text="column1" 
  •             android:padding="3dip"  /> 
  •         <TextView 
  •             android:text="column2" 
  •             android:padding="3dip"  /> 
  •         <TextView 
  •             android:text="column3" 
  •             android:padding="3dip"  /> 
  •     </TableRow> 
  •  
  •     <TableRow> 
  •         <TextView 
  •           android:text="column11" 
  •           android:visibility="invisible"/> //cell不见了 
  •         <TextView 
  •             android:text="左边的invisible" 
  •             android:gravity="right" 
  •             android:padding="3dip" /> 
  •         <Button 
  •             android:id="@+id/go" 
  •             android:text="go"  
  •             android:padding="3dip" /> 
  •         <Button 
  •             android:text="cancel" 
  •             android:padding="3dip" /> 
  •     </TableRow> 
  •  
  •     <View                               //间隔线 
  •         android:layout_height="2dip" 
  •         android:background="#F00" /> 
  •  
  •     <TableRow> 
  •         <TextView 
  •            android:text="右边的cell empty" /> 
  •         <TextView 
  •             android:layout_column="2" 
  •             android:text="跳开empty cell" 
  •             android:padding="3dip" /> 
  •     </TableRow> 
  •      
  •     <TableRow> 
  •         <TextView 
  •             android:text="合并3个单元格" 
  •             android:layout_span="3" 
  •             android:gravity="center_horizontal" 
  •             android:background="#FFC0C0C0" 
  •             android:textColor="#f00" 
  •             android:padding="3dip" /> 
  •     </TableRow> 
  • </TableLayout> 


  • 你可能感兴趣的:(UI,xml,android,Go)