文章目录
一、界面和布局
1、界面
应用界面包含用户可查看并与之交互的所有内容。安卓提供丰富多样的预置 UI 组件,例如结构化布局对象和 UI 控件,您可以利用这些组件为您的应用构建图形界面。安卓还提供其他界面模块,用于构建特殊界面,例如对话框、通知和菜单。
2、布局
布局可定义应用中的界面结构(例如 Activity 的界面结构)。布局中的所有元素均使用 View 和 ViewGroup 对象的层次结构进行构建。View 通常绘制用户可查看并进行交互的内容。然而,ViewGroup 是不可见容器,用于定义 View 和其他 ViewGroup 对象的布局结构。
二、 线性 布局
- 线性布局(LinearLayout)是一种比较常用且简单的布局方式。在这种布局中,所有的子元素都是按照垂直或水平的顺序排列在界面上。如果是垂直排列,每个子元素占一行,如果是水平排列,则每个子元素占一列。线性布局可以支持布局样式嵌套实现复杂的布局样式。
1、继承关系
LinearLayout是ViewGroup的子类,注意:后面我们要学习的单选按钮组(RadioGroup)是线性布局的子类
2、常用属性
属性 | 含义 |
---|---|
text | 文本内容 |
textSize | 文本字号,单位:sp |
textColor | 文本颜色,#ff0000 - 红色 |
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
- 单击【Finish】按钮
2、主布局资源文件
- 主布局资源文件 activity_main.xml
- 将约束布局改为线性布局,删掉默认的标签
- 添加两个按钮
3、字符串资源文件
- 字符串资源文件 -
strings.xml
4、启动应用,查看效果
- 发现两个按钮水平摆放,在窗口左上角
5、设置布局属性,查看效果
(1)设置线性布局方向
-
orientation属性
-
设置线性布局内边距-
padding
(paddingTop
,paddingBotton
,paddingRight
,paddingLeft
)
-
设置线性布局对齐方式-gravity(left,center,right,top,bottom可以搭配形成很多种对齐方式)
-
设置右上对齐
-
设置居中对齐
-
想设置其他的也可以挨个试试
4、设置线性布局背景
-
设置背景颜色(采用颜色变量)
-
设置背景颜色(采用颜色常量)
-
问题:想设置自己喜欢的颜色,怎么定义
-
设置背景图片
-
设置背景选择器/配置器
-
添加一个线性布局,设置自定义边框
-
实现边框变色效果
四、案例演示:线性布局嵌套
1、创建安卓应用
- 基于
Empty Activity
创建安卓应用 -NestedLinearLayout
- 单击【Finish】按钮
2、准备图片素材
- 将三张小图片拷贝到res/drawable目录
3、主布局资源文件
- 主布局资源文件-
activity_main.xml
- 添加三个线性布局,按照
1:2:3
的比例 - 水平瓜分将
height
设置为0dp,垂直瓜分将width
设置为0dp
- 在第一个布局里添加一个横向布局
- 在第二个布局里添加一个横向线性布局
- 在第二个布局里添加一个编辑框,纵向和横向(应在第二个布局里添加一个
android:orientation="vertical"
属性)