文章目录

  • 一、创建安卓应用【LinearLayoutDemo】
  • 二、主布局资源文件activity_main.xml
  • 三、启动应用,查看效果
  • 四、案例演示 —— 线性布局嵌套
  • 1、创建安卓应用【NestedLinearLayout】
  • 2、将三张小图片拷贝到res/drawable目录
  • 3、布局资源文件activity_main.xml
  • 4、启动应用,查看效果


一、创建安卓应用【LinearLayoutDemo】

android 水平居中 线性布局 安卓线性布局居中_android

android 水平居中 线性布局 安卓线性布局居中_线性布局_02

二、主布局资源文件activity_main.xml

!

android 水平居中 线性布局 安卓线性布局居中_线性布局_03

将约束布局改成线性布局

android 水平居中 线性布局 安卓线性布局居中_前端_04


添加两个按钮

android 水平居中 线性布局 安卓线性布局居中_线性布局_05

三、启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_线性布局_06

设置线性布局的方向 - orientation

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_07

启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_08

设置内边距 - padding

android 水平居中 线性布局 安卓线性布局居中_android_09

启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_10

设置线性布局的对齐方式 - gravity

left、right、center搭配,共有九种对齐方式

线性布局gravity的默认值是left|top——左上

右上对齐 - right|top

android 水平居中 线性布局 安卓线性布局居中_学习_11

启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_android_12

右中对齐 - right|center

android 水平居中 线性布局 安卓线性布局居中_线性布局_13

右下对齐 - right|bottom

android 水平居中 线性布局 安卓线性布局居中_android_14

水平居中 - center_horizontal,相当于center|top

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_15

垂直居中 - center_vertical,相当于left|center

android 水平居中 线性布局 安卓线性布局居中_android_16

居中对齐 - center

android 水平居中 线性布局 安卓线性布局居中_android_17

背景属性(背景色、背景图片、背景配置文件)

设置背景色

android 水平居中 线性布局 安卓线性布局居中_学习_18

启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_线性布局_19

设置背景图片

android 水平居中 线性布局 安卓线性布局居中_线性布局_20

启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_android_21

在第二个按钮下添加一个线性布局

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_22

在drawable目录里创建自定义边框配置文件customer_border.xml

android 水平居中 线性布局 安卓线性布局居中_前端_23

下面展示一些 内联代码片

// 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';

启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_24

设置过渡色效果

android 水平居中 线性布局 安卓线性布局居中_线性布局_25

四、案例演示 —— 线性布局嵌套

1、创建安卓应用【NestedLinearLayout】

android 水平居中 线性布局 安卓线性布局居中_线性布局_26


android 水平居中 线性布局 安卓线性布局居中_android_27

2、将三张小图片拷贝到res/drawable目录

android 水平居中 线性布局 安卓线性布局居中_android_28

3、布局资源文件activity_main.xml

android 水平居中 线性布局 安卓线性布局居中_android_29

将约束布局改成线性布局,设置方向属性

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_30

添加第一个线性布局

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_31

添加第二个线性布局

android 水平居中 线性布局 安卓线性布局居中_android_32

添加第三个线性布局

android 水平居中 线性布局 安卓线性布局居中_前端_33

运行程序,查看结果(三个子布局按照1:2:3垂直瓜分手机屏幕)

android 水平居中 线性布局 安卓线性布局居中_android_34

在第一个布局里添加三个图像控件

android 水平居中 线性布局 安卓线性布局居中_线性布局_35

第二个线性布局里再嵌套一个横向的线性布局,里面添加三个按钮

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_36

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

android 水平居中 线性布局 安卓线性布局居中_前端_37

启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_android_38

本来三个子布局按照1:2:3比例垂直瓜分手机屏幕,但是在第二个子布局里添加子控件之后,瓜分比例就发生变化了,第二个子布局瓜分比例超过了第三个子布局,怎么才能保持原先的瓜分比例呢?

将三个子布局的layout_height属性值统统设置为0dp

android 水平居中 线性布局 安卓线性布局居中_学习_39


android 水平居中 线性布局 安卓线性布局居中_android_40


android 水平居中 线性布局 安卓线性布局居中_前端_41

启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_android_42

第三个线性布局再添加三个线性布局

android 水平居中 线性布局 安卓线性布局居中_android_43

启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_44

在第三个线性布局嵌套的第一个子布局里添加三个按钮

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_45

在第三个线性布局嵌套的第二个子布局里添加两个按钮

android 水平居中 线性布局 安卓线性布局居中_学习_46

在第三个线性布局嵌套的第二个子布局里添加三个按钮

android 水平居中 线性布局 安卓线性布局居中_android 水平居中 线性布局_47

4、启动应用,查看效果

android 水平居中 线性布局 安卓线性布局居中_android_48