首页 > 代码库 > 【Android开发学习笔记】【第七课】五大布局-下
【Android开发学习笔记】【第七课】五大布局-下
概念
五大布局上一篇文章已经介绍了
LinearLayout
RelativeLayout
这一篇我们介绍剩下的三种布局
FrameLayout
五种布局中最佳单的一种布局。在这个布局在整个界面被当成一块空白区域，所有的子元素不能放倒指定的位置，只能放到这个区域的左上角，并且后面的子元素会直接覆盖前面的子元素。
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ff000000" android:gravity="center" android:text="1" /> <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ff654321" android:gravity="center" android:text="2" /> <TextView android:layout_width="50dp" android:layout_height="50dp" android:background="#fffedcba" android:gravity="center" android:text="3" /></FrameLayout>
上面的布局文件的效果：
第一个TextView被第二个TextView完全遮挡，第三个TextView遮挡了第二个TextView的部分位置
AbsoluteLayout 绝对位置布局
顾名思义，在此布局在子元素的android:layout_x和android:layout_y属性将生效，用于描述该子元素的坐标位置。屏幕左上角为坐标原点（0,0），第一个0代表横坐标，向右移动此值增大，第二个0代表纵坐标，向下移动，此值增大。在此布局中的子元素可以相互重叠。在实际开发中，通常不采用此布局格式，因为它的界面代码过于刚性，以至于有可能不能很好的适配各种终端。
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:layout_width="50dp" android:layout_height="50dp" android:layout_x="50dp" android:layout_y="50dp" android:background="#ff11ffff" android:gravity="center" android:text="1" /> <TextView android:layout_width="50dp" android:layout_height="50dp" android:layout_x="25dp" android:layout_y="25dp" android:background="#ff654321" android:gravity="center" android:text="2" /> <TextView android:layout_width="50dp" android:layout_height="50dp" android:layout_x="125dp" android:layout_y="125dp" android:background="#fffedcba" android:gravity="center" android:text="3" /></AbsoluteLayout>
显示效果如下：
TableLayout 表格布局
适用于N行N列的布局方式。一个TableLayout由许多TableRow组成，一个TableRow就代表TableLayout中的一行。
TableRow是LinearLayout的子类，它的android:orientation属性值恒为horizontal，并且它的android:layout_width和android:layout_height属性值恒为MATCH_PARENT和WRAP_CONTENT。
所以它的子元素都是横向排列，并且宽高一致的。
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" > <TextView android:background="#ff11ffff" android:gravity="center" android:padding="10dp" android:text="1" /> <TextView android:background="#ff654321" android:gravity="center" android:padding="10dp" android:text="2" /> <TextView android:background="#fffedcba" android:gravity="center" android:padding="10dp" android:text="3" /> </TableRow> <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" > <TextView android:background="#ff654321" android:gravity="center" android:padding="10dp" android:text="2" /> <TextView android:background="#fffedcba" android:gravity="center" android:padding="10dp" android:text="3" /> </TableRow> <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" > <TextView android:background="#fffedcba" android:gravity="center" android:padding="10dp" android:text="3" /> <TextView android:background="#ff654321" android:gravity="center" android:padding="10dp" android:text="2" /> <TextView android:background="#ff11ffff" android:gravity="center" android:padding="10dp" android:text="1" /> </TableRow></TableLayout>
这样的设计使得每个TableRow里的子元素都相当于表格中的单元格一样。
在TableRow中，单元格可以为空，但是不能跨列。
下面示例演示了一个TableLayout的布局结构，其中第二行只有两个单元格，而其余行都是三个单元格。
【Android开发学习笔记】【第七课】五大布局-下