Android各种Layout特性和使用汇总（二）

时间：2022-04-28 18:29:37

TableLayout 表格布局

特性：

类似于HTML中的Table，但显然不如HTML灵活，可以添加TableRow，然后在TableRow中添加其它的View(如TextView, Button，等），也可以直接在Layout中添加其它的View，类似于LinearLayout。其实TableLayout就是从LinearLayout继承的。

由于TableLayout其实是个很复杂的Layout，参数较多，需要注意的地方也比较多，所以我找了API Demo中的1个例子（06.More Spanning and Stretchable）进行了修改，先看布局文件，后面再做详解。

例子（基于Android API Demo进行的修改）：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<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各种Layout特性和使用汇总（二）
效果还不错吧（废话，这是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。

FrameLayout 帧布局

特性：

以堆栈方式显示添加在其中的控件，最后添加的显示在最上面。当然，你也可以指定控件的android:layout_gravity属性来控制对齐方式。
看上去不大有用，是吗？事实上一般来说也确实不大用得到它，不过要知道TabHost控件就是继承自FrameLayout的，所以当你想要实现自定义的TabHost控件时，也许你会想起它。

例子：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView android:background="#FFBB0000"
android:text="First Text View"
android:layout_width="fill_parent" android:layout_height="fill_parent"
/>
<TextView android:background="#FF00BB00"
android:text="Second Text View"
android:layout_width="wrap_content" android:layout_height="fill_parent"
/>
<TextView android:background="#FF0000BB"
android:text="Third Text View"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:layout_gravity="right"
/>
</FrameLayout>

运行结果如下图：
Android各种Layout特性和使用汇总（二）
好吧，我承认这个例子挺无聊的，不过它至少展示了FrameLayout的效果，相信你会在特写的场合找到它的用途的。比如说要做一个可以弹出日历的日期输入框？

标签：

相关文章