本文将介绍的简单控件与上篇最大的不同就是引入了各种各样的监听器,用于捕捉用户动作并做出特定的响应,相信大家学java时候对它有了一定的认识,接下来以Button为例,总结三种监听器实现方法,然后会分别介绍其余简单控件的作用和所需监听器的类型。
6.Botton :按钮
按钮无处不在,它是和用户进行交互的一个常用控件。如下图这样的一个Button:
为了实现点击登录按钮后登录的操作,就需要用监听器捕捉点击的动作并作出反应,因为此处涉及到跳转页面等知识,暂且先用Log日志进行调试,使用Log日志的方法是Log.i(),含有的两个参数都是string类型,前者表示标签名称,便于快速定位,后者表示调试信息。
Button的监听器是OnClickListener,如何注册点击事件呢?首先在Mainactivity中对声明一个Button对象并绑定数据,然后用setOnClickListener方法给它安上监听器,这里需要一个OnClickListener对象的参数,实现方式有以下三种方法:
(1)匿名内部类
在括号内部new一个匿名监听器对象,然后直接重写方法onClick。这时运行app并点击登录按钮,从Log日志可见onClick事件被触发了:
查看Log日志方法见技能篇。
(2)独立类
和匿名类相对的,在外部初始化一个有名字的监听器对象。
(3)监听接口方式
继承监听接口要在MainActivity类内重写方法onClick,此时用this就可以实现监听器的作用。
7.ImageButton :图片按钮
ImageButton是显示图片的按钮,它和Button的区别是:Button可以显示文本信息,有android:text属性但没有android:src属性,它也可以没有任何文本信息就是一个按钮;ImageButton正好相反,没有android:text属性但有android:src属性,如果不设置scr属性ImageButton的高度会不确定。当然两者都有android:background属性,Button想显示图片,ImageButton想有高度,也可以通过它实现,但图片变形与否就要看控件大小了。下图展示了两个Button的效果:
ImageButton的监听器也是OnClickListener,具体见Button,此处不再赘述。
在环境篇介绍过drawable和mipmap系列文件夹都存放图片资源,在src和backgroud可通过@drawable/或@mipmap/显示系统提供的图片,也可以将系统外的图片拖进上述文件夹里,这和用@string/显示文本的功能是一致的。观察上面的两个按钮,它们默认底色是灰色,被点击之后有轻微的效果,现在要把Button改成底色为橘色点击后闪现红色的按钮,下面通过改变按钮的样式的这个小例子介绍如何用drawable实现自定义图像。
step1:在drawable文件夹下新建xml文件,shape标签。
因为本例需要给按钮两个背景颜色,而shape是就是用于定义形状的。过程讲解见下图:
上图展示了在shape里常用的四个属性,这里给Button自定义前两个属性就可以。
step2.在drawable文件夹下新建xml文件,selector标签。
光有两个图形还不够,我们需要selector将两者联系在一起。过程讲解见下图:
step3.设置Button的background属性。
总的来说,android自定义控件样式在drawable文件夹下的XML文件中,然后通过设置控件的background属性达到效果。
8.ToggleButton :多状态按钮
ToggleButton是开关按钮,它有两种状态:选中和未选择状态。比如使用手机的手电筒,有开和关两种状态,分别对应不同的图标。ToggleButton有几个常用的属性:android:checked(当前按钮的状态,true表示当前处于选中状态,false表示未选中也是默认状态)、 android:textOn (当被选中时按钮上的文本内容)、android:textOff(当未被选中时按钮上的文本内容)。现在下图这个布局就很容易理解了(我事先在drawable下放入了两张图标):
那么如何让图标和按钮同时变化呢?就需要ToggleButton的监听器OnCheckedChangeListener了。当选中ToggleButton时,触发onCheckedChanged事件并会返回一个布尔类型的参数ischecked,利用ischecked可以改变ToggleButton的选中状态从而改变ToggleButton显示的文本内容,还可以改变ImageView显示的背景图标。
9.CheckBox :复选框
CheckBox是个选框,有两种状态:选中和未选择状态,“复”说明它可以在这两个状态反复切换。CheckBox常用属性:android:checked(当前复选框的状态,true表示当前处于选中状态,false表示未选中也是默认状态)、android:text(复选框后文本内容)。CheckBox的监听器也是OnCheckedChangeListener。下面我们用CheckBox实现一道可多选的选择题:
用Log日志进行调试代码如下,我们希望在日志文件显示出被选中的CheckBox上的文本内容,先用getText()方法拿到复选框上的文本信息再通过toString()方法转换成string类型,就能实现了。
调试结果:
10.RadioButton :单选按钮
RadioButton也有选中和未选中的两个状态,但它和复选框CheckBox的区别是它选中后再点击不能改变状态,这有什么用处呢?其实RadioButton常常构成一个集合以RadioGroup的形式为我们所用,比如一道多选一的选择题,每组RadioGroup里只能有一个RadioButton被选中,如果想改变此时被选中的RadioButton的状态,只能通过选中其他RadioButton来实现。RadioGroup有个常用的属性:android:orientation(表示包含的RadioButton的排列方式,horizontal表示水平排列,vertical表示垂直排列)。
RadioGroup的监听器也是OnCheckedChangeListener,它们都和选中改变状态有关。关于OnCheckedChangeListener监听器也介绍了许多,相信大家一定能理解下图的代码含义了!
关于简单控件就介绍到这里,后续还会介绍一些稍微高级的控件,谢谢大家的观看~
>下一篇预告:布局篇
网友评论