radiobutton、radiogroup、button、imageview(2017年10月10日)

2017.10.10

1、按钮

用于人机交互操作。

属性:

Background:表示背景,背景可以设置颜色也可以设置为图片,还可以设置为一个选择器(selector)。

什么是选择器?

<selector   xmlns:android=……>

<item android:state_pressed=true android:drawable=@drawable/*******/>

<item android:state_pressed=false android:drawable=@drawable/*******/>

</selector>

表示:

定义了一个状态的集合,包含了2个状态,每一个状态使用item来表示。状态的类型由android框架提供,通常有按下、自然状态、不可使用、可使用等

【案例】为按钮添加2种状态

步骤:

1)准备2个图片,表示不同的状态

2)图片文件名称要遵守规范:不能有大写字母,不能数字开头。

3)图片放入res文件夹下drawable

4)定义一个Resource文件,选中drawable文件夹,右击选择newàdrawable resource file,设定文件名称button_selector.xml(遵守资源文件命名规范)

5)编写selector文件。2种状态用2个图片表达

6)在layout中定义一个按钮,按钮的背景引用该selector

参考:

项目结构:

 

button_selector.xml

 

layout_main.xml

 

效果:

 

【案例】直接给按钮增加图片

 

效果:

 

【案例】点击按钮,更换按钮的图片

layout.xml

 

MainActivity.java

 

2、图片按钮

属性:

src:表示引用图片资源

java方法:setImageResource()方法来引用图片资源

参考:

 

java

 

效果:

 

3、图片视图(ImageView

大多数情况下对图片的操作都是选择ImageView

src:引用图片

adjustViewBounds:可以设置为true或者false,表示是否可以通过调整边界来适应图片(与maxWidth或者maxHeight配合使用)

maxHeight:最大高度

maxWidth:最大宽度

scaleType:缩放模式(7种缩放模式)

【案例】水平方向高度一致,垂直方向宽度一致

 

效果:

 

【案例】使用ImageView的缩放模式

属性名scaleType

属性值:matrix(矩阵)、fitXY(按xy大小适应,造成图片可能不按比例显示)、fitStart(从图片位置起点位置开始缩放,按宽和高缩放,且按比例)、fitCenter(从图片中心点开始按比例缩放)fitEnd(从图片结束位置按比例缩放)、center(不缩放,只显示中间部分)、centerCrop(按比例缩放,显示到ImageView大小为止)、centerInside(按比例缩放,完全显示图片)

参考:

 

 

效果:

 

4、单选按钮(RadioButton)和单选按钮组(RadioGroup

只能选其一。

使用场景:性别选择、年级选择。

注意:

1)为了保证只能选其一,需要将单选按钮放到同一组中,表示组内只能选其一。

2)允许设置多组

3)使用isChecked判断是否选中。

 

如何获取用户选择哪个值?

提供isChecked()方法,判断该radiobutton是否选中。

参考:

 

 

java:

 

【作业】

12生肖选择。要求:

1)使用radiobutton,只能选中某一个生肖

2)选中后,点击按钮,显示该生肖的图片。

需要控件:

radiobuttonradiogroupbuttonimageview

 

posted @ 2021-03-25 13:53  三生石头花  阅读(73)  评论(0编辑  收藏  举报