作者:郭孝星
微博:郭孝星的新浪微博
邮箱: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 表格布局特点
- TableLayout通过添加TableRow和其他组件来控制表格的行数和列数,每个TabRow就是一个表格行,TableRow也是容器,也可以在TableRow中添加其他组件。
- 如果直接在TableLayout中添加一个组件,那么这个组件则独占一行。
- TableLayout中列的宽度由该列中最宽的那个单元格决定,整个表格布局的宽度则取决于父容器的宽度。
- 单元格的设置有以下三种行为方式:
- 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个网格,每个网格可以放置一个组件。在该布局内,一个组件可以横跨多行,也可以横跨多列。
网络布局如下图所示: