当前课程知识点：Android应用开发基础 > 第三章 Android组件 > 3.1 Activity布局 > 3.1 实践案例-Android布局
3.1 Android布局
本节我们通过实例来介绍Android布局
主要包括绝对布局 相对布局 线性布局和限制布局
首先介绍绝对布局
新建布局文件
修改布局类型为绝对布局AbsolutLayout
切换到Design模式
从组件栏拖动Button组件到设计界面
设置button的宽为80dp 高为80dp 文本为1
设置Button的layout_x为20dp
layout_y为20dp
复制Button
设置新的Button的layout_x为120dp
设置Button的Text文本为2
复制Button
设置新的Button的layout_y为120dp
设置Button的Text文本为4
使用同样的方法
完成九宫格
下面介绍相对布局
新建布局文件
修改布局类型为相对布局RelativeLayout
从组件栏拖动Button组件到设计界面
设置button的宽度为80dp 高度为80dp
设置Button的Text文本为1
设置Button距离左边为40dp
距离顶部为40dp
复制Button
设置新的Button水平方向居中
设置新Button的Text文本为2
复制Button
设置新Button的Text文本为3
设置新的Button靠右对齐
设置Button的距离右边为40dp
复制Button
设置新Button的Text文本为5
设置新的Button水平方向居中
垂直方向居中
复制Button
设置新Button的Text文本为4
设置新的Button与父容器左对齐
复制Button
设置新Button的Text文本为7
设置新的Button与父容器左对齐、底部对齐
设置Button距离左边为40dp
距离底部为40dp
复制Button
设置新Button的Text文本为8
设置新的Button与父容器底对齐、水平居中
复制button
设置新Button的Text文本为6
设置新的Button与父容器右对齐
设置Button距离右边为40dp
复制button
设置新的Button与父容器右对齐
设置Button距离右边为40dp
最后的相对布局的效果图如图
本节主要介绍线性布局的实现过程
新建布局文件
修改布局类型为线性布局LinearLayout
设置线性布局的排列方式为vertical从上到下排列
从组件栏拖动两个线性布局到设计界面
分别设置两个线性布局的layout_weight为1
设置两个线性布局的layout_height为0dp
从组件栏拖动View组件到设计界面
设置layout_width为0dp；
从组件栏拖动Button组件到设计界面
设置layout_width为0dp
设置layout_width为match_parent
设置新Button的Text文本为“1”
选中view和Button 复制粘贴2次到当前线性布局
设置新Button的Text文本为“2”和“3”
复制一个view 拖到text为3的button下
重新设置Button组件的layout_weight为2
新建绘图资源文件shape.xml
修改文件的标签为shape
定义android:shape为rectangle
定义矩形的内部填充色为系统自定义的透明色
定义矩形的描边stroke的属性
矩形的描边颜色为自定义的白色
矩形的描边宽度为3dp
定义矩形的四个角corners的属性
圆角半径为5dp
进入布局文件
将按钮的背景属性设置为自定义的shape.xml
Button的形状变为带圆角的透明色
将线性子布局进行复制
得到此效果
下面介绍限制性布局
新建限制性布局文件
从布局工具栏中选择增加横向辅助线
选择辅助线属性
设置比例为0.2
再增加横向辅助线
选择辅助线属性
设置比例为0.4
选择辅助线属性
设置比例为0.6
选择辅助线属性
设置比例为0.8
增加一条竖向辅助线
选择辅助线属性
设置比例为0.5
增加一个TextView组件
设置TextView的前后左右的限制分别为辅助线
距离分别设置为8
继续增加TextView组件
设置TextView的前后左右的限制分别为辅助线
距离分别设置为8
设置第一个TextView的文本为“姓名”
设置第二个TextView的文本为“密码”
增加一个EditText组件
设置EditTex的前后左右的限制分别为辅助线
距离分别设置为8
将EditText的内容清空
把edittext的左限制拉到垂直方向的辅助线上
继续增加一个EditText组件
设置EditTex的前后左右的限制分别为辅助线
距离分别设置为8
将EditText的内容清空
把edittext的左限制拉到垂直方向的辅助线上
增加一个Button组件
设置Button的前后左右的限制分别为辅助线
距离分别设置为24
设置Button组件的文本为“登录”
设置Button组件的dimensionRatio长宽比为3：1
继续增加一个Button组件
设置Button的前后左右的限制分别为辅助线
距离分别设置为24
设置Button组件的文本为“注册”
这样登录界面就布局完成了
下面介绍限制性Chain链布局
新建限制性布局文件
新增三个Button组件
设置文本分别为1
2
3
选择Button组件1、2、3
创建一个横向的链
将Button组件1 2 3选中后连续复制3次
选择最左侧的四个Button
创建一个纵向的链
选择最中间的四个Button
创建一个纵向的链
选择后面的四个button创建一个纵向的链
重新选择第一行的组件
创建一个横向的链
重新选择第二行的组件
创建一个横向的链
重新选择第三行的组件
创建一个横向的链
重新选择第四行的组件
创建一个横向的链
布局就完成了
这就是Android布局的全部内容
请大家按照讲课的内容完成绝对布局
相对布局 线性布局和限制性布局
在Android的模拟器和手机中分别运行
通过实例理解各类布局
-Android Studio4.1.2安装常用问题汇总2021.3.15
-1.1 Android概述
--1.1 Android Studio安装与配置-实践案例
-1.1 Android概述--作业
-1.2 Android程序
-1.2 Android程序--作业
-1.3 Android程序调试
-1.3 Android程序调试--作业
-2.1 Activity概述
-2.1 Activity概述--作业
-2.2 Activity应用
-第2章 Android视图--2.2 Activity应用
-3.1 Activity布局
-3.1 Activity布局--作业
-3.2 Android基础组件
-3.2 Android基础组件--作业
-3.3 Android中级组件
-3.3 Android中级组件--作业
-3.4 Android适配器
-3.4 Android适配器--作业
-4.1 Fragment碎片组件
-4.1 Fragment碎片组件--作业
-4.2 ViewPager翻页类组件
-4.2 ViewPager翻页类组件--作业
-讨论：fragment与activity的生命周期有哪些不同？
-5.1 Android广播概述
-5.1 Android广播概述--作业
-5.2 Android广播工作原理
-5.2 Android广播工作原理--作业
-5.3 自定义广播
-第5章 广播--5.3 自定义广播
-5.4 有序广播
--5.4有序广播
-第5章 广播--5.4 有序广播
-6.1 系统服务概述
-6.1 系统服务概述--作业
-6.2 访问系统服务
-6.2 访问系统服务--作业
-6.3 自定义服务
-第6章 Android服务--6.3 自定义服务
-6.4 多线程
--6.4 多线程
-第6章 Android服务--6.4 多线程
-7.1 Android运行权限
-7.1 Android运行权限--作业
-7.2 URL URI概述
-第7章 内容提供者ContentProvider--7.2 URL URI概述
-7.3 ContentProvider概述
-第7章 内容提供者ContentProvider--7.3 ContentProvider概述
-7.4 访问通讯录
-第7章 内容提供者ContentProvider--7.4 访问通讯录
-7.5 课后作业案例
-8.1 相机服务
--8.1 相机服务
-8.1 相机服务--作业
-8.2 音视频服务
-8.2 音视频服务--作业
-9.1 网络服务概述
-9.1 网络服务概述--作业
-9.2 网络框架
--9.2 网络框架
-9.2 网络框架--作业
-9.3 Json
--9.3 Json
-第9章 网络技术--9.3 Json
-9.4 Volley
-第9章 网络技术--9.4 Volley
-10.1 文件存储
--10.1.3 实践案例-SharedPreference文件读写
-10.1 文件存储--作业
-10.2 数据库存储
-10.2 数据库存储--作业
-第1章 实训简介以及开发环境配置
-第2章 在线音乐播放器整体设计以及服务端开发
-第3章 在线音乐播放器-客户端开发
-第4章 在线音乐播放器-完整版
-第5章 QQ聊天项目
-第6章 在线点餐系统
