【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的布局结构,其中第二行只有两个单元格,而其余行都是三个单元格。