常用布局

文章目录
零、学习目标
一、界面与布局概述
（一）界面
（二）布局
1、视图层次结构图
2、UI容器 (Container)
3、UI控件 (Control)
4、两种方式声明布局
二、线性布局概述
（一）继承关系图
（二）常用属性
三、案例演示 —— 线性布局属性
1、创建安卓应用【LinearLayoutDemo】
2、主布局资源文件activity_main.xml
3、启动应用，查看效果
四、案例演示 —— 线性布局嵌套
1、创建安卓应用【NestedLinearLayout】
2、将三张小图片拷贝到res/drawable目录
3、布局资源文件activity_main.xml
4、启动应用，查看效果
五、课后作业
1、选择水果
2、计算器界面
零、学习目标
能说出安卓界面元素层次
能说出安卓常用的布局
能说出线性布局常用的属性
能利用线性布局实现简单的界面设计
能利用线性布局嵌套实现比较复杂的界面
一、界面与布局概述
（一）界面
应用界面包含用户可查看并与之交互的所有内容。安卓提供丰富多样的预置 UI 组件，例如结构化布局对象和 UI 控件，您可以利用这些组件为您的应用构建图形界面。安卓还提供其他界面模块，用于构建特殊界面，例如对话框、通知和菜单。
（二）布局
布局可定义应用中的界面结构（例如 Activity 的界面结构）。布局中的所有元素均使用 View 和 ViewGroup 对象的层次结构进行构建。View 通常绘制用户可查看并进行交互的内容。然而，ViewGroup 是不可见容器，用于定义 View 和其他 ViewGroup 对象的布局结构。
1、视图层次结构图

1、视图层次结构图

2、UI容器 (Container)
UI容器指ViewGroup，也是View的子类，而ViewGroup有几个布局子类：LinearLayout、RelativeLayout、AbsoluteLayout、TableLayout、GridLayout，ConstraintLayout。
1、视图层次结构图

2、UI容器 (Container)
UI容器指ViewGroup，也是View的子类，而ViewGroup有几个布局子类：LinearLayout、RelativeLayout、AbsoluteLayout、TableLayout、GridLayout，ConstraintLayout。

3、UI控件 (Control)
UI控件指Widget（微件），不能再包含其它元素的控件，例如标签（TextView）、文本框（EditText）、按钮（Button）、 活动栏（Action Bar）、对话框（Dialogs）、状态栏（Status）、通知（Notifications）。
4、两种方式声明布局
在 XML 中声明界面元素：Android 提供对应 View 类及其子类的简明 XML 词汇，如用于微件和布局的词汇。也可使用 Android Studio 的 Layout Editor，并采用拖放界面来构建 XML 布局。
在运行时实例化布局元素：应用可通过编程创建 View 对象和 ViewGroup 对象（并操纵其属性）。

二、线性布局概述
线性布局(LinearLayout)是一种比较常用且简单的布局方式。在这种布局中，所有的子元素都是按照垂直或水平的顺序排列在界面上。如果是垂直排列，每个子元素占一行，如果是水平排列，则每个子元素占一列。线性布局可以支持布局样式嵌套实现复杂的布局样式。
常用属性
layout_width：布局宽度（match_parent，wrap_conent）
layout_height：布局高度（match_parent，wrap_conent）
orietation：方向（vertical，horizontal）
gravity：对齐方式（left, right, center, top, bottom…)
background：背景（颜色、图片、选择器）
weight：比重（用于瓜分手机屏幕）
padding：内边距 (paddingLeft, paddingRight, paddingTop, paddingBottom)
margin：外边距 (marginLeft, marginRight, marginTop, marginBottom)
案例演示 —— 线性布局属性
1、创建安卓应用【LinearLayoutDemo】
将约束布局改成线性布局

添加两个按钮

启动应用，查看效果

设置线性布局的方向 - orientation

启动应用，查看效果

背景属性（背景色、背景图片、背景配置文件）

设置背景色

启动应用，查看效果

启动应用，查看效果