android-TableLayout 表格布局

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:stretchColumns="1"
    android:shrinkColumns="1"
    >
  
    <TableRow>
        <TextView android:text="Open..." 
            android:layout_column="1" android:padding="3dip" />
        <TextView android:text="Ctrl-O" 
            android:gravity="right" android:padding="3dip" />
    </TableRow>
 
    <TableRow>
        <TextView android:text="Save..."
            android:layout_column="1" android:padding="3dip" />
        <TextView android:text="Ctrl-S"
            android:gravity="right" android:padding="3dip" />
    </TableRow>
 
    <View
        android:layout_height="2dip" android:background="#FF909090" />
 
    <TableRow>
        <TextView android:text="X"
            android:padding="3dip" />
        <TextView android:text="Import..."
            android:padding="3dip" />
    </TableRow>
 
    <TableRow>
        <TextView android:text="X"
            android:padding="3dip" />
        <TextView android:text="Export..."
            android:padding="3dip" />
        <TextView android:text="Ctrl-E"
            android:gravity="right" android:padding="3dip" />
    </TableRow>
 
    <View
        android:layout_height="2dip" android:background="#FF909090" />
 
    <TableRow>
        <TextView android:text="Quit... And Do A Lot Of Stuff Just To Be Too Long For This Screen Because It Is A Test After All"
            android:layout_column="1" android:padding="3dip" />
    </TableRow>
    <TableRow>
        <EditText android:hint="Test Edit" android:layout_span="3"
            android:padding="3dip" />
    </TableRow>
</TableLayout>

在一个Activity中调用它,然后运行,效果如下图:

效果还不错吧(废话,这是Android API Demo中的例子!)。好吧,我们逐一讲解。

如何放置空白的单元格?
利用android:layout_column,指定该单元格的起始位置,则之前的单元格自动留空,如果希望后面的单元格留空,则直接不写即可。例如:

1
2
        <TextView android:text="Open..." 
            android:layout_column="1" android:padding="3dip" />

如何右对齐?
利用android:gravity指定TextView中的内容右对齐,注意不是layout_gravity。
例如:

1
2
        <TextView android:text="Ctrl-O" 
            android:gravity="right" android:padding="3dip" />

分割线?分割线!
直接添加1个View在TableLayout中,该View的宽度会自动的fill_parent,指定高度和背景色即可。例如:

1
2
    <View
        android:layout_height="2dip" android:background="#FF909090" />

如何让1个单元格跨列(Column Span)?
使用android:layout_span来指定Column Span的列数。例如:

1
2
        <EditText android:hint="Test Edit" android:layout_span="2"
            android:padding="3dip" />

注意:只有在TableRow中的控件才需要使用layout_span,直接添加在TableLayout中的控件会自动span所有的列。

如何让某些列自动扩展?就象LinearLayout中的layout_weight一样?
初次使用TableLayout的人可能会习惯性的使用layout_weight,希望该View能自动的在TableRow扩展,但正确的做法应该是在TableLayout定义中添加属性android:stretchColumns,值为需要自动扩展的列的序号。下面是例子。

1
2
3
4
5
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:stretchColumns="1"
    android:shrinkColumns="1"
    >

担心某列内容过多,从而挤压其它的列,甚至超出范围?
同上,在TAbleLayout中添加属性android:shrinkColumns,值为需要自动折行的列的序号。
试着把Layout定义中的android:stretchColumns和android:shrinkColumns去掉,再看看效果?

注意事项:

column的序号是从0开始的。
TableLayout中的元素通常不需要指定宽和高,尤其是宽,TableRow或其它TableLayout的子控件的宽度都是fill_parent,高度是wrap_content。添加在TableRow中的子控件的宽和高都是wrap_content。
TableRow中的控件是自动对齐的,除非你使用了layout_span。
TableLayout中的数据一般是事先准备好的,如果需要动态数据,最好还是使用ListView。


你可能感兴趣的:(android,ListView,api,layout,扩展)