文章目录
- 一、创建安卓应用【LinearLayoutDemo】
- 二、主布局资源文件activity_main.xml
- 三、启动应用,查看效果
- 四、案例演示 —— 线性布局嵌套
- 1、创建安卓应用【NestedLinearLayout】
- 2、将三张小图片拷贝到res/drawable目录
- 3、布局资源文件activity_main.xml
- 4、启动应用,查看效果
一、创建安卓应用【LinearLayoutDemo】
二、主布局资源文件activity_main.xml
!
将约束布局改成线性布局
添加两个按钮
三、启动应用,查看效果
设置线性布局的方向 - orientation
启动应用,查看效果
设置内边距 - padding
启动应用,查看效果
设置线性布局的对齐方式 - gravity
left、right、center搭配,共有九种对齐方式
线性布局gravity的默认值是left|top——左上
右上对齐 - right|top
启动应用,查看效果
右中对齐 - right|center
右下对齐 - right|bottom
水平居中 - center_horizontal,相当于center|top
垂直居中 - center_vertical,相当于left|center
居中对齐 - center
背景属性(背景色、背景图片、背景配置文件)
设置背景色
启动应用,查看效果
设置背景图片
启动应用,查看效果
在第二个按钮下添加一个线性布局
在drawable目录里创建自定义边框配置文件customer_border.xml
下面展示一些 内联代码片
。
// A code block
var foo = 'bar';
<?xml version="1.0" encoding="utf-8"?>
<corners android:radius="10dp" />
<solid android:color="#04be02" />
<stroke
android:width="1dp"
android:color="#555555" />
// An highlighted block
var foo = 'bar';
启动应用,查看效果
设置过渡色效果
四、案例演示 —— 线性布局嵌套
1、创建安卓应用【NestedLinearLayout】
2、将三张小图片拷贝到res/drawable目录
3、布局资源文件activity_main.xml
将约束布局改成线性布局,设置方向属性
添加第一个线性布局
添加第二个线性布局
添加第三个线性布局
运行程序,查看结果(三个子布局按照1:2:3垂直瓜分手机屏幕)
在第一个布局里添加三个图像控件
第二个线性布局里再嵌套一个横向的线性布局,里面添加三个按钮
在第二个线性布局里再添加一个编辑框
启动应用,查看效果
本来三个子布局按照1:2:3比例垂直瓜分手机屏幕,但是在第二个子布局里添加子控件之后,瓜分比例就发生变化了,第二个子布局瓜分比例超过了第三个子布局,怎么才能保持原先的瓜分比例呢?
将三个子布局的layout_height属性值统统设置为0dp
启动应用,查看效果
第三个线性布局再添加三个线性布局
启动应用,查看效果
在第三个线性布局嵌套的第一个子布局里添加三个按钮
在第三个线性布局嵌套的第二个子布局里添加两个按钮
在第三个线性布局嵌套的第二个子布局里添加三个按钮
4、启动应用,查看效果