3.3 Android中级组件在线视频

本节我们主要介绍Android的中级组件

主要包括下面的组件

1 CheckBox 复选框组件

主要介绍CheckBox的布局属性和使用方法

2 Switch 开关组件

主要介绍Switch的事件响应机制和使用方法

3 RadioButton 圆形单选框组件

主要介绍RadioButton的布局属性和使用方法

4 ImageView 图片组件

主要介绍ImageView的的布局属性和使用方法

下面我们介绍CheckBox复选框组件

CheckBox组件的父类为CompoundButton

下面是CheckBox的基本属性和方法

1 android.checked

setChecked

设置按钮的勾选状态

2 android:button

setButtonDrawable

设置按钮左侧的图片

3 setOnCheckedChangeListener

设置勾选状态的监听器

4 isChecked 判断组件是否勾选

CheckBox背景可以使用选择器

选择器保存在

res/drawable/checkbox_selector.xml文件中

选择器有勾选和不被勾选两种状态

它们的属性如下

1 复选框被勾选的状态下

使用@drawable/checkbox_choose背景图片

复选框不被勾选状态下

使用@drawable/checkbox_unchoose背景图片

CheckBox组件的实现流程如下

1 Activity中实现复选框按钮点击事件监听器

使用了父类接口

CompoundButton.OnCheckedChangeListener

2 定义CheckBox变量并初始化

将复选框选中事件注册到Activity事件监听器

3 在Activitity中

重写父类CompoundButton的

onCheckedChanged方法

实现按钮的单击事件处理

1 onCheckedChanged方法有两个参数

第一个参数compoundButton表示

被点击的复选框

第二个参数表示复选框按钮是否被选中

2 首先将父类组件compoundButton

强制转换为CheckBox对象

3根据onCheckedChanged传递的参数b

判断复选框按钮是否被选中

4 使用mCheckBox.getText()方法

获取被选中组件的文本内容

5 使用mCheckBox.getId()

获取被选中组件的组件Id

6 使用mTextView.setText

将复选框信息显示

这就是CheckBox的使用过程

下面我们介绍Switch开关组件

Switch组件的父类为CompoundButton

下面是Switch组件的基本属性和方法

1 android.textOn

settextOn 设置右侧开启的文本

2 android.textOff

settextOff 设置左侧开启的文本

3 android.switchPadding

setSwitchPadding

设置左右开关按钮的距离

4 android.thumb

setThumbDrawable

设置开关轨道背景

Switch背景可以使用选择器

选择器保存在

res/drawable/switch_selector.xml文件中

选择器有勾选和不被勾选两种状态

它们属性如下

1 Switch被勾选的状态下

使用@drawable/switch_on背景图片

Switch不被勾选状态下

使用@drawable/switch_off背景图片

Switch组件的实现流程如下

1 Activity中实现复选钮点击事件监听器

使用了父类接口

CompoundButton.OnCheckedChangeListener

2 定义Switch开关变量并初始化

将开关选中事件注册到主视图事件监听器

3 在Activitity中重写父类CompoundButton的

onCheckedChanged方法

实现按钮的单击事件处理

1 onCheckedChanged方法有两个参数

第一个参数compoundButton

表示被点击的开关按钮

第二个参数表示开关按钮按钮是否被选中

2 根据onCheckedChanged传递的参数b

判断开关按钮按钮是否被选中

3 使用compoundButton.getText()

获取被选中组件的文本内容

5 使用compoundButton.getId()

获取被选中组件的组件Id

6 使用mTextView.setText

将开关组件信息显示

这就是开关组件显示的全部内容

下面我们介绍RadioButton圆形单选框组件

RadioButton组件的父类为RadioGroup

下面是RadioButton组件的基本属性和方法

1 android.check

1 选中指定id的按钮

2 getCheckedRadioButtonId

获取被选中按钮的Id

3 setOnCheckedChangeListener

设置被选中按钮勾选状态的监听器

那么RadioButton圆形单选框组件背景

可以使用系统默认的背景

也可以使用选择器

选择器要保存在

res/drawable/radio_selector.xml文件中

选择器有勾选和不被勾选两种状态

它们属性如下

1 RadioButton被勾选的状态下

使用@drawable/radio_choose背景图片

RadioButton不被勾选状态下

使用@drawable/radio_unchoose背景图片

RadioButton组件的实现流程如下

1 Activity中实现按钮的点击事件监听器

使用了父类接口

RadioGroup.OnCheckedChangeListener

2 定义RadioButton和RadioGroup变量并初始化

3 使用RadioGroup对象

将Button的选中事件注册到Activity事件监听器

4 将第一个选项设置为默认选中

这就是RadioButton的使用过程

在Activitity中重写父类radioGroup的

onCheckedChanged方法实现按钮的单击事件处理

1 onCheckedChanged方法有两个参数

第一个参数radioGroup表示所有的单选框

第二个参数i表示第i中单选框被选中

2 使用radioGroup.getCheckedRadioButtonId()

获取被选中组件的ID

3 通过ID获取被选中组件对象

4 使用mRadioButton.getText()获取被选中组件的文本内容

5 使用Toast将圆形单选框的选择信息显示

下面我们介绍ImageView图片组件

下面是ImageView图片组件的基本属性和方法

1 android.scaleType

setScaleType 设置图像的拉伸类型

2 android.src

setImageDrawable 设置图像Drawable对象

3 android.src

setImageResource 设置图像资源ID

4 android.src

setImageBitmap 设置图像的位图对象

scaleType用于描述图片的拉伸类型

下面是scaleType的类型和说明

1 FIT_XY 拉伸图片填满视图

2 FIT_START 拉伸图片位于视图左方

3 FIT_CENTER 拉伸图片位于视图中心

4 FIT_END 拉伸图片位于视图右方

5 CENTER 保持图片原尺寸

并使其位于视图中间

6 CENTER_CROP 拉伸图片充满视图

并使其位于视图中间

7 CENTER_INSIDE

图片位于视图中间 只压不拉

下面使用RadioButton单选框

实现的ImageView的scaleType的各种效果

实现流程如下

1 Activity中实现复选按钮点击事件监听器

使用了父类接口

RadioGroup.OnCheckedChangeListener

2 定义ImageView和RadioGroup变量并初始化

3 使用RadioGroup对象

将复选框选中事件注册到Activity事件监听器

3 在Activitity中重写父类radioGroup的

onCheckedChanged方法

实现按钮的单击事件处理

方法有两个参数

第一个参数radioGroup表示所有的单选框

第二个参数i表示第i中单选框被选中

3 根据参数i决定是选择的是哪一个scaleType

4 根据选择的scaleType拉伸类型

设置ImageView图片的拉伸类型