【Android应用开发技术：用户界面】布局管理器

作者：郭孝星

微博：郭孝星的新浪微博

邮箱：allenwells@163.com

博客：http://blog.csdn.net/allenwells

Github：https://github.com/AllenWells

【Android应用开发技术：用户界面】章节列表

布局管理继承于ViewGroup。它用来管理Android应用用户界面里各组件，它的使用使得Android应用的图形用户界面具有良好的平台无关性。

常见的布局方式例如以下所看到的：

• 线性布局
• 表格布局
• 帧布局
• 相对布局
• 网络布局

一 线性布局

线性布局。即LinearLayout，控制容器内的组件横向或纵向地一个挨着一个排列起来。

1.1 线性布局特点

例如以下图所看到的：

线性布局并不会自己主动换行，当一行组件徘满时，多出的组件不会显示出来。

1.2 线性布局属性

属性名称	属性说明
android:gravity	设置线性布局的内部元素的布局对齐方式

android:gravity 取值例如以下所看到的：

• top 不改变控件大小，对齐到容器顶部
• bottom 不改变控件大小，对齐到容器底部
• left 不改变控件大小，对齐到容器左側
• right 不改变控件大小，对齐到容器右側
• center_vertical 不改变控件大小，对齐到容器纵向中央位置
• center_horizontal 不改变控件大小，对齐到容器横向中央位置
• center 不改变控件大小。对齐到容器中央位置
• fill_vertical 若有可能，纵向拉伸以填满容器
• fill_horizontal 若有可能，横向拉伸以填满容器
• fill 若有可能，纵向横向同一时候拉伸以填满容器

二 表格布局

表格布局，即TableLayout，继承于LinearLayout。它通过行、列的形式管理UI组件。

2.1 表格布局特点

1. TableLayout通过加入TableRow和其它组件来控制表格的行数和列数。每一个TabRow就是一个表格行，TableRow也是容器，也能够在TableRow中加入其它组件。
2. 假设直接在TableLayout中加入一个组件。那么这个组件则独占一行。
3. TableLayout中列的宽度由该列中最宽的那个单元格决定，整个表格布局的宽度则取决于父容器的宽度。
4. 单元格的设置有下面三种行为方式：
   
   • Shrinkable：该列全部单元格能够被收缩，以保证该表格能适应父容器的宽度。
   • Stretchable：该列全部单元格能够被拉伸，以保证组件能够全然填满表格空余空间。

   • Collapsed：该列全部单元格会被隐藏。

三 帧布局

帧布局。即FrameLayout。它继承了ViewGroup。帧布局为每一个加入当中的组件创建一个空白的区域，称为一帧。每一个子组件占领一帧。帧布局是元素的相互叠加。

四 相对布局

相对布局。即RelativeLayout，相对布局内子组件的位置总是相对于兄弟组件和父容器来决定的。

4.1 相对布局特点

相对布局例如以下图所看到的：

4.2 相对布局属性

4.2.1 RelativeLayout中取值为true或false的属性列表

属性名称	属性说明
android:layout_centerHorizontal	当前控件位于父控件的横向中间位置
android:layout_centerVertical	当前控件位于父控件的纵向中间位置
android:layout_centerInParent	当前控件位于父控件的中央位置
android:layout_alignParentBottom	当前控件底端与父控件底端对齐
android:layout_alignParentLeft	当前控件左側与父控件左側对齐
android:layout_alignParentRight	当前控件右側与父控件右側对齐
android:layout_alignParentTop	当前控件顶端与父控件顶端对齐
android:layout_alignWithParentIfMissing	參照控件不存在或不可见时參照父控件

4.2.2 RelativeLayout中取值为其它控件id的属性列表

属性名称	属性说明
android:layout_toRightOf	使当前控件位于给出id控件的右側
android:layout_toLeftOf	使当前控件位于给出id控件的左側
android:layout_above	使当前控件位于给出id控件的上方
android:layout_below	使当前控件位于给出id控件的下方
android:layout_alignTop	使当前控件的上边界与给出id控件的上边界对齐
android:layout_alignBottom	使当前控件的下边界与给出id控件的下边界对齐
android:layout_alignLeft	使当前控件的左边界与给出id控件的左边界对齐
android:layout_alignRight	使当前控件的右边界与给出id控件的右边界对齐

4.2.3 RelativeLayout中取值为像素的属性列表

属性名称	属性说明
android:layout_marginLeft	当前控件左側的留白
android:layout_marginRight	当前控件右側的留白
android:layout_marginTop	当前控件上方的留白
android:layout_marginBottom	当前控件下方的留白
android:layout_margin	当前控件上下左右四个方向的留白
android:paddingLeft	当前控件中内容距离控件左边留白
android:paddingRight	当前控件中内容距离控件右边留白
android:paddingTop	当前控件中内容距离控件顶部留白
android:paddingBottom	当前控件中内容距离控件底部留白

五 网络布局

网络布局，即GridLayout，它将容器划分为row x column个网格。每一个网格能够放置一个组件。在该布局内。一个组件能够横跨多行，也能够横跨多列。

网络布局例如以下图所看到的：