目录

继承关系图

 常用属性

1、创建安卓应用

3、字符串资源文件

启动应用,查看效果

5、设置布局属性,查看效果

(4)设置线性布局背景

1、创建安卓应用

2、准备图片素材

3、主布局资源文件


线性布局(LinearLayout)是一种比较常用且简单的布局方式。在这种布局中,所有的子元素都是按照垂直或水平的顺序排列在界面上。如果是垂直排列,每个子元素占一行,如果是水平排列,则每个子元素占一列。线性布局可以支持布局样式嵌套实现复杂的布局样式。

继承关系图

LinearLayout是ViewGroup的子类

Android Studio 页面布局 android studio如何布局_android studio

 常用属性

属性

含义

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

Android Studio 页面布局 android studio如何布局_资源文件_02

 单击【Finish】按钮

Android Studio 页面布局 android studio如何布局_Android Studio 页面布局_03

2、主布局资源文件

将约束布局改为线性布局,删掉默认的标签

Android Studio 页面布局 android studio如何布局_线性布局_04

 添加两个按钮

Android Studio 页面布局 android studio如何布局_android studio_05

3、字符串资源文件

打开字符串资源文件strings.xml修改主题

Android Studio 页面布局 android studio如何布局_android_06

启动应用,查看效果

发现两个按钮水平摆放,在窗口左上角

Android Studio 页面布局 android studio如何布局_android_07

5、设置布局属性,查看效果

(1)设置线性布局方向orientation属性

Android Studio 页面布局 android studio如何布局_资源文件_08

(2)设置线性布局内边距padding (paddingTop, paddingBottom, paddingLeft, paddingRight)

Android Studio 页面布局 android studio如何布局_Android Studio 页面布局_09

(3)设置线性布局对齐方式gravity (left、center、right、top、bottom可以搭配形成很多种对齐方式)设置右上对齐 - right|top

Android Studio 页面布局 android studio如何布局_android studio_10

 删掉【按钮1】的右外边距

Android Studio 页面布局 android studio如何布局_资源文件_11

 设置居中对齐 - center

Android Studio 页面布局 android studio如何布局_android_12

 设置左下对齐 - left|bottom

Android Studio 页面布局 android studio如何布局_android studio_13

 设置上中对齐 - center

Android Studio 页面布局 android studio如何布局_线性布局_14

(4)设置线性布局背景

设置背景颜色(采用颜色变量)

Android Studio 页面布局 android studio如何布局_android studio_15

设置背景颜色(采用颜色常量)

Android Studio 页面布局 android studio如何布局_Android Studio 页面布局_16

 设置背景图片

Android Studio 页面布局 android studio如何布局_线性布局_17

设置背景选择器

添加一个线性布局,设置自定义边框

 

Android Studio 页面布局 android studio如何布局_线性布局_18

 实现边框渐变色效果

Android Studio 页面布局 android studio如何布局_线性布局_19

线性布局嵌套

1、创建安卓应用

基于Empty Activity创建安卓应用 - NestedLinearLayout

Android Studio 页面布局 android studio如何布局_android studio_20

2、准备图片素材

将几张小图片拷贝到res/drawable目录

Android Studio 页面布局 android studio如何布局_android studio_21

3、主布局资源文件

主布局资源文件 - activity_main.xml

Android Studio 页面布局 android studio如何布局_android_22

将约束布局改为线性布局添加三个线性布局,按照1:2:3比例垂直瓜分手机屏幕

Android Studio 页面布局 android studio如何布局_android studio_23

修改布局,查看效果

在第一个布局添加三个水平摆放的图像视图

 

Android Studio 页面布局 android studio如何布局_android studio_24

 在第二个布局里添加一个横向线性布局,里面添加四个按钮

Android Studio 页面布局 android studio如何布局_android_25

 在第二个布局里添加一个编辑框

Android Studio 页面布局 android studio如何布局_android_26

 第三个布局里添加三个布局并添加按钮

Android Studio 页面布局 android studio如何布局_Android Studio 页面布局_27

 运行结果

Android Studio 页面布局 android studio如何布局_资源文件_28