Android studio 线性布局
线性布局
·
文章目录
线性布局
- 线性布局(LinearLayout)是一种比较常用且简单的布局方式。在这种布局中,所有的子元素都是按照垂直或水平的顺序排列在界面上。如果是垂直排列,每个子元素占一行,如果是水平排列,则每个子元素占一列。线性布局可以支持布局样式嵌套实现复杂的布局样式。
1、继承关系图
LinearLayout是ViewGroup的子类,注意:后面我们要学习的单选按钮组(RadioGroup)是线性布局的子类
2、常用属性
属性 | 含义 |
---|---|
layout_height | 高度,单位:dp (wrap_content, match_parent) |
layout_weight | 宽度,单位:dp (wrap_content, match_parent) |
orietation | 方向(vertical,horizontal) |
gravity | 对齐方式(left, right, center, top, bottom…) |
background | 背景(颜色[color]、图片[drawable]、选择器[selector]) |
weight | 比重(用于瓜分手机屏幕) |
padding | 内边距 (paddingLeft, paddingRight, paddingTop, paddingBottom) |
margin | 外边距 (marginLeft, marginRight, marginTop, marginBottom) |
线性布局属性
1、创建安卓应用
-
基于Empty Activity模板创建安卓应用 - LinearLayoutDemo
-
单击【Finish】按钮
2、主布局资源文件
- 主布局资源文件 activity_main.xml
- 将约束布局改为线性布局,删掉默认的标签
- 添加两个按钮
3、字符串资源文件
- 字符串资源文件 - strings.xml
4、启动应用,查看效果
- 发现两个按钮水平摆放,在窗口左上角
5、设置布局属性,查看效果
(1)设置线性布局方向
- orientation属性
-
(2)设置线性布局内边距
- padding (paddingTop, paddingBottom, paddingLeft, paddingRight)
(3)设置线性布局对齐方式
- gravity (left、center、right、top、bottom可以搭配形成很多种对齐方式)
- 设置右上对齐 - right|top
-
删掉【按钮1】的右外边距
-
设置居中对齐 - center
-
设置左下对齐 - left|bottom
-
设置右下对齐 - right|bottom
-
设置上中对齐 - center
-
其余几种情况:左中对齐、右中对齐和下中对齐,大家自己玩一玩
(4)设置线性布局背景
- 设置背景颜色(采用颜色变量)
- 设置背景颜色(采用颜色常量)
- 设置背景图片
- 设置背景选择器
- 添加一个线性布局,设置自定义边框
- 实现边框渐变色效果
线性布局嵌套
1、创建安卓应用
- 基于Empty Activity创建安卓应用 - NestedLinearLayout
- 单击【Finish】按钮
2、准备图片素材
- 将三张小图片拷贝到res/drawable目录
3、主布局资源文件
- 主布局资源文件 - activity_main.xml
- 将约束布局改为线性布局
- 添加三个线性布局,按照1:2:3比例垂直瓜分手机屏幕
4、字符串资源文件
- 字符串资源文件 - strings.xml
5、启动应用,查看效果
- 三个布局按照1:2:3比例垂直瓜分手机屏幕
6、修改布局,查看效果
- 在第一个布局添加三个水平摆放的图像视图
- 在第二个布局里添加一个横向线性布局,里面添加四个按钮
- 在第二个布局里添加一个编辑框
- 第三个布局里添加三个布局,按照1:2:3比例水平瓜分手机屏幕
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献1条内容
所有评论(0)