目录

  • 一、线性布局属性
  • 1、创建安卓应用
  • 2、主布局资源文件
  • 3、字符串资源文件
  • 4、启动应用,查看效果
  • 5、设置布局属性,查看效果
  • (1)设置线性布局方向
  • (2)设置线性布局内边距
  • (3)设置线性布局对齐方式
  • (4)设置线性布局背景
  • 二、线性布局嵌套
  • 1、创建安卓应用
  • 2、准备图片素材
  • 3、主布局资源文件
  • 4、字符串资源文件
  • 5、启动应用,查看效果
  • 6、修改布局,查看效果


一、线性布局属性

1、创建安卓应用

  • 基于Empty Activity模板创建安卓应用 - LinearLayoutDemo
  • 单击【Finish】按钮

android studio 方法分割线 android studio线性布局方法_线性布局


android studio 方法分割线 android studio线性布局方法_学习_02

2、主布局资源文件

  • 主布局资源文件 activity_main.xml
  • 将约束布局改为线性布局,删掉默认的标签
  • 添加两个按钮

3、字符串资源文件

  • 字符串资源文件 - strings.xml
  • android studio 方法分割线 android studio线性布局方法_线性布局_03


4、启动应用,查看效果

  • 发现两个按钮水平摆放,在窗口左上角
  • android studio 方法分割线 android studio线性布局方法_android_04


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

(1)设置线性布局方向

  • orientation属性
  • android studio 方法分割线 android studio线性布局方法_android_05


(2)设置线性布局内边距

  • padding (paddingTop, paddingBottom, paddingLeft, paddingRight)
  • android studio 方法分割线 android studio线性布局方法_线性布局_06


(3)设置线性布局对齐方式

  • gravity (left、center、right、top、bottom可以搭配形成很多种对齐方式)
  • 设置右上对齐 - right|top
  • android studio 方法分割线 android studio线性布局方法_线性布局_07


  • 删掉【按钮1】的右外边距
  • android studio 方法分割线 android studio线性布局方法_线性布局_08


  • 设置居中对齐 - center
  • android studio 方法分割线 android studio线性布局方法_学习_09


  • 设置左下对齐 - left|bottom
  • android studio 方法分割线 android studio线性布局方法_android_10

  • 设置右下对齐 - right|bottom
  • android studio 方法分割线 android studio线性布局方法_学习_11


  • 设置上中对齐 - center
  • android studio 方法分割线 android studio线性布局方法_资源文件_12


  • 其余几种情况请自行操作。

(4)设置线性布局背景

二、线性布局嵌套

1、创建安卓应用

  • 基于Empty Activity创建安卓应用 - NestedLinearLayout
  • 单击【Finish】按钮
  • android studio 方法分割线 android studio线性布局方法_android studio_17


  • android studio 方法分割线 android studio线性布局方法_线性布局_18


2、准备图片素材

  • 将三张小图片拷贝到res/drawable目录
  • android studio 方法分割线 android studio线性布局方法_android_19


3、主布局资源文件

  • 主布局资源文件 - activity_main.xml
  • android studio 方法分割线 android studio线性布局方法_资源文件_20


  • 将约束布局改为线性布局
  • android studio 方法分割线 android studio线性布局方法_android studio_21


  • 添加三个线性布局,按照1:2:3比例垂直瓜分手机屏幕
  • android studio 方法分割线 android studio线性布局方法_资源文件_22


4、字符串资源文件

  • 字符串资源文件 - strings.xml
  • android studio 方法分割线 android studio线性布局方法_android studio_23


5、启动应用,查看效果

  • 三个布局按照1:2:3比例垂直瓜分手机屏幕
  • android studio 方法分割线 android studio线性布局方法_学习_24


6、修改布局,查看效果

  • 在第一个布局添加三个水平摆放的图像视图
  • android studio 方法分割线 android studio线性布局方法_android studio_25


  • 在第二个布局里添加一个横向线性布局,里面添加四个按钮
  • android studio 方法分割线 android studio线性布局方法_android studio_26


  • 在第二个布局里添加一个编辑框
  • android studio 方法分割线 android studio线性布局方法_学习_27


  • 第三个布局里添加三个布局,按照1:2:3比例水平瓜分手机屏幕
  • android studio 方法分割线 android studio线性布局方法_学习_28