0
点赞
收藏
分享

微信扫一扫

第二章、Android UI 布局 - Android移动开发基础笔记

月孛星君 2022-03-24 阅读 147

目录

前言

一、布局的创建

二、布局的类型

1、线性布局

2、相对布局

3、帧布局

4、表格布局

5、绝对布局

三、总结

四、尾注


前言

UI 全名为 User Interface ,UI界面是人与手机之间数据传递、信息交互的重要媒介和对话窗口,是Android 系统的重要组成部分。

一、布局的创建

在 Android 程序中界面是通过布局文件设定的,在每个应用程序创建时会默认包含一个主界面布局,该布局位于 res/layout 目录下。添加布局的过程为,选中 layout 文件夹并单击右键,依次选中【New】➡【XML】➡【Layout XML File】选项,如图所示:

创建新布局

         单击该选项后会弹出 New Android Component 界面,Layout File Name 是填写文件名称,而Root Tag 是表示根元素标签,默认为 LinearLayout(线性布局),单击【Finish】按钮即可完成创建布局。

New Android Component 界面

二、布局的类型

Android 开发中常用的 5 种常用布局
布局标签特点
线性布局LinearLayout

以水平或垂直方向排列

相对布局RelativeLayout

通过相对定位排列

帧布局FrameLayout

开辟空白区域,帧里的控件(层)叠加

表格布局TableLayout

表格形式排列

绝对布局AbsoluteLayout

通过x,y坐标排列

1、线性布局

        线性布局(LinearLayout)主要以水平或垂直方式来显示界面中的控件。当控件水平排列时,显示顺序依次为从左到右,当控件垂直排列时,显示顺序依次为从上到下。

        在线性布局中,有一个重要的属性 orientation ,用于控制控件的排列方向,该属性有 vertical 和 horizontal (默认)两个值,其中vertical 表示线性布局垂直显示,horizontal 表示线性布局水平显示。

2、相对布局

        相对布局(RelativeLayout)是通过相对定位的方式指定控件位置,即以其它控件或父容器为参照物,摆放控件位置。在设计相对布局时要遵循控件之间的依赖关系,后放入控件的位置依赖于先放入的控件。

        以下是相对布局控件属性以及功能描述。

设置控件位置的属性
控件属性功能描述
android:layout_centerInParent设置当前控件位于父布局的中央位置
android:layout_centerVertical设置当前控件位于父布局的垂直居中位置
android:layout_centerHorizontal设置当前控件位于父控件的水平居中位置
android:layout_above设置当前控件位于某控件上方
android:layout_below设置当前控件位于某控件下方
android:layout_toLeftOf设置当前控件位于某控件左侧
android:layout_alignParentTop设置当前控件停靠于布局顶端
android:layout_alignParentLeft设置当前控件停靠于布局左侧
android:layout_alignParentRight设置当前控件停靠于布局右侧
android:layout_alignParentBottom设置当前控件停靠于布局底端
android:layout_alignTop设置当前控件的上边界与某控件的上边界对齐
android:layout_alignBottom设置当前控件的下边界与某控件的下边界对齐
android:layout_alignLeft设置当前控件的左边界与某控件的左边界对齐
android:layout_alignRight设置当前控件的右边界与某控件的右边界对齐
设置控件间距的属性
控件属性功能描述
android:layout_marginTop设置当前控件上边界与某控件的距离
android:layout_marginBottom设置当前控件底边界与某控件的距离
android:layout_marginLeft设置当前控件左边界与某控件的距离
android:layout_marginRight设置当前控件右边界与某控件的距离
设置布局内边距的属性
布局属性功能描述
android:paddingTop设置布局顶部内边距的距离
android:paddingBottom设置布局底部内边距的距离
android:paddingLeft设置布局左边内边距的距离
android:paddingRight设置布局右边内边距的距离
android:padding设置布局四周内边距的距离

3、帧布局

        帧布局(FrameLayout)为每个加入其中的控件创建一个空白区域(称为一帧,每个控件占据一帧)。所有控件都默认显示在屏幕左上角,按照先后放入的顺序重叠摆放。帧布局的大小由内部最大控件的决定。

FrameLayout 属性
布局属性功能描述
Android:forground设置帧布局容器的前景图像
Android:forgroundGravity设置容器的前景图像显示位置

4、表格布局

        表格布局(TableLayout)是以表格形式排列控件的,通过行和列将界面划分为多个单元格,每个单元格都可以添加控件。
        表格布局需要和TableRow配合使用,每一行都由TableRow对象组成,因此TableRow的数量决定表格的行数,而表格的列数是由包含最多控件的TableRow决定的,例如第1个TableRow有两个控件,第2个TableRow有三个控件,则表格列数为3。

TableLayout 布局属性
布局属性功能描述
android:stretchColumns设置该列被拉伸,列号从“0”开始
android:shrinkColumns设置该列被收缩,列号从“0”开始
android:collapseColumns设置该列被隐藏,列号从“0”开始
TableLayout 控件属性
控件属性功能描述
android:layout_column设置该单元显示位置
android:layout_span设置该单元格占据几列,默认为1列

5、绝对布局

        绝对布局(AbsoluteLayout)是通过指定x、y坐标来控制每一个控件位置的。

AbsoluteLayout 属性
布局属性功能描述
android:layout_x设置 x 坐标
android:layout_y设置 y 坐标

三、总结

        本篇文章主要介绍了 Android 中的布局创建以及常用的布局类型等知识。


四、尾注

        希望这篇文章对你有所帮助,记得转载、点赞、收藏,支持一下,小编将会持续更新哦

举报

相关推荐

0 条评论