浅谈Android样式开发之selector

引言

  上一篇Android UI中文章我们详细介绍了Android中shape标签的使用。通过shape标签我们可以定义矩形、椭圆、环形、直线等效果。不过shape只能定义单一的形状,在实际开发中,我们经常需要有一些交互性的体验。例如,按钮按下时的效果,ListView中Item被选中时的样式。这些固然可以通过写Java逻辑代码来实现,但是Android系统为我们定义了selector标签来实现这些功能。这样一方面我们少写了些Java代码,同时selector定义在XML文件中,可维护性相比写在Java代码中也要好一点。下面就来介绍这个selector吧。

selector标签的介绍

  selector标签,可以添加一个或多个item子标签,而相应的状态是在item标签中定义的。定义的xml文件可以作为两种资源使用:drawable和color。作为drawable资源使用时,一般和shape一样放于drawable目录下,item必须指定android:drawable属性;作为color资源使用时,则放于color目录下,item必须指定android:color属性。

那么,看看都有哪些状态可以设置呢:

  • android:state_enabled: 设置触摸或点击事件是否可用状态,一般只在false时设置该属性,表示不可用状态
  • android:state_pressed: 设置是否按压状态,一般在true时设置该属性,表示已按压状态,默认为false
  • android:state_selected: 设置是否选中状态,true表示已选中,false表示未选中
  • android:state_checked: 设置是否勾选状态,主要用于CheckBox和RadioButton,true表示已被勾选,false表示未被勾选
  • android:state_checkable: 设置勾选是否可用状态,类似state_enabled,只是state_enabled会影响触摸或点击事件,而state_checkable影响勾选事件
  • android:state_focused: 设置是否获得焦点状态,true表示获得焦点,默认为false,表示未获得焦点
  • android:state_window_focused: 设置当前窗口是否获得焦点状态,true表示获得焦点,false表示未获得焦点,例如拉下通知栏或弹出对话框时,当前界面就会失去焦点;另外,ListView的ListItem获得焦点时也会触发true状态,可以理解为当前窗口就是ListItem本身
  • android:state_activated: 设置是否被激活状态,true表示被激活,false表示未激活,API Level 11及以上才支持,可通过代码调用控件的setActivated(boolean)方法设置是否激活该控件
  • android:state_hovered: 设置是否鼠标在上面滑动的状态,true表示鼠标在上面滑动,默认为false,API Level 14及以上才支持

下面我们就通过例子来看一下常用的场景。

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <selector xmlns:android="http://schemas.android.com/apk/res/android">
 3
 4     <!--按钮按下状态样式-->
 5     <item android:state_pressed="true" android:drawable="@drawable/btn_pressed_style" />
 6     <!--控件不可用时
 7         设置View.setEnabled方法
 8     -->
 9     <item android:state_enabled="false" android:drawable="@drawable/btn_enabled_style" />
10
11     <!--获得焦点时-->
12     <item android:state_focused="true" android:drawable="@drawable/btn_focus_style" />
13     <!--失去焦点时
14         如果定义android:state_focused="true"
15         没有定义android:state_focused="false"
16         那么EditText失去焦点,就使用默认样式
17     -->
18     <item android:state_focused="false" android:drawable="@drawable/btn_unfocus_style" />
19
20     <!--默认状态下样式-->
21     <item android:drawable="@drawable/btn_normal_style" />
22 </selector>

  我们看到通过select标签,我们可以省去一些Java逻辑代码的编写(针对样式改变的)。这里有一个注意点:默认样式下item必须定义在最后一个,如果你定义在最前面或者中间会导致默认item以下定义的其他item无效。这也算是一个小坑把。

  在对控件进行操作时,如果想对控件的文字(例如:Button、TextView的文字)进行改变时,也可以使用selector来改变。这里给大家看一下代码示例:

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <selector xmlns:android="http://schemas.android.com/apk/res/android">
 3     <!-- 当前窗口失去焦点时 -->
 4     <item android:color="@android:color/black" android:state_window_focused="false" />
 5     <!-- 不可用时 -->
 6     <item android:color="@android:color/background_light" android:state_enabled="false" />
 7     <!-- 按压时 -->
 8     <item android:color="@android:color/holo_blue_light" android:state_pressed="true" />
 9     <!-- 被选中时 -->
10     <item android:color="@android:color/holo_green_dark" android:state_selected="true" />
11     <!-- 被激活时 -->
12     <item android:color="@android:color/holo_green_light" android:state_activated="true" />
13     <!-- 默认时 -->
14     <item android:color="@android:color/white" />
15 </selector>

  最后我们在使用时只要这样即可:

1 <Button
2         android:layout_width="match_parent"
3         android:layout_height="50dp"
4         android:text="点击按钮"
5         android:textSize="16sp"
6         android:textColor="@color/text_btn_selector"
7         android:id="@+id/main"
8         android:background="@drawable/button_bg_style"/>

最后的注意点

  • selector作为drawable资源时,item指定android:drawable属性,并放于drawable目录下;
  • selector作为color资源时,item指定android:color属性,并放于color目录下;
  • color资源也可以放于drawable目录,引用时则用@drawable来引用,但不推荐这么做,drawable资源和color资源最好还是分开;
  • android:drawable属性除了引用@drawable资源,也可以引用@color颜色值;但android:color只能引用@color
  • item是从上往下匹配的,如果匹配到一个item那它就将采用这个item,而不是采用最佳匹配的规则;所以设置默认的状态,一定要写在最后,如果写在前面,则后面所有的item都不会起作用了。

另外,selector标签下有两个比较有用的属性要说一下,添加了下面两个属性之后,则会在状态改变时出现淡入淡出效果,但必须在API Level 11及以上才支持:

  • android:enterFadeDuration 状态改变时,新状态展示时的淡入时间,以毫秒为单位
  • android:exitFadeDuration 状态改变时,旧状态消失时的淡出时间,以毫秒为单位

最后,关于ListView的ListItem样式,有两种设置方式,一种是在ListView标签里设置android:listSelector属性,另一种是在ListItem的布局layout里设置android:background。但是,这两种设置的结果却有着不同。同时,使用ListView时也有些其他需要注意的地方,总结如下:

  1. android:listSelector设置的ListItem默认背景是透明的,不管你在selector里怎么设置都无法改变它的背景。所以,如果想改ListItem的默认背景,只能通过第二种方式,在ListItem的布局layout里设置android:background
  2. 当触摸点击ListItem时,第一种设置方式下,state_pressedstate_focusedstate_window_focused设为true时都会触发,而第二种设置方式下,只有state_pressed会触发。
  3. 当ListItem里有Button或CheckBox之类的控件时,会抢占ListItem本身的焦点,导致ListItem本身的触摸点击事件会无效。那么,要解决此问题,有三种解决方案:
    • 将Button或CheckBox换成TextView或ImageView之类的控件
    • 设置Button或CheckBox之类的控件设置focusable属性为false
    • 设置ListItem的根布局属性android:descendantFocusability="blocksDescendants"

    第三种是最方便,也是推荐的方式,它会将ListItem根布局下的所有子控件都设置为不能获取焦点。android:descendantFocusability属性的值有三种,其中,ViewGroup是指设置该属性的View,本例中就是ListItem的根布局:

    • beforeDescendants:ViewGroup会优先其子类控件而获取到焦点
    • afterDescendants:ViewGroup只有当其子类控件不需要获取焦点时才获取焦点
    • blocksDescendants:ViewGroup会覆盖子类控件而直接获得焦点
时间: 2024-10-10 01:36:39

浅谈Android样式开发之selector的相关文章

浅谈Android样式开发之layer-list

引言 在开发某些有层叠效果App时,我们第一个想到的就是让UI进行切图.下面我们来这样的一个例子.如图所示: 上图Tab的背景效果,和带阴影的圆角矩形,是怎么实现的呢?大部分的人会让美工切图,用点九图做背景.但是,如果只提供一张图,会怎么样呢?比如,中间的Tab背景红色底线的像素高度为4px,那么,在mdpi设备上显示会符合预期,在hdpi设备上显示时会细了一点点,在xhdpi设备上显示时会再细一点,在xxhdpi上显示时又细了,在xxxhdpi上显示时则更细了.因为在xxxhdpi上,1dp=

浅谈android4.0开发之GridLayout布局

作者:李响 本文重点讲述了自android4.0版本号后新增的GridLayout网格布局的一些基本内容,并在此基础上实现了一个简单的计算器布局框架.通过本文,您可以了解到一些android UI开发的新特性,并可以实现相关应用. 在android4.0版本号之前,假设想要达到网格布局的效果,首先能够考虑使用最常见的LinearLayout布局,可是这种排布会产生例如以下几点问题: 1.不能同一时候在X,Y轴方向上进行控件的对齐. 2.当多层布局嵌套时会有性能问题. 3.不能稳定地支持一些支持自

(转)浅谈android4.0开发之GridLayout布局

http://blog.csdn.net/pku_android/article/details/7343258

Android安全开发之ZIP文件目录遍历

1.ZIP文件目录遍历简介 因为ZIP压缩包文件中允许存在"../"的字符串,攻击者可以利用多个"../"在解压时改变ZIP包中某个文件的存放位置,覆盖掉应用原有的文件.如果被覆盖掉的文件是动态链接so.dex或者odex文件,轻则产生本地拒绝服务漏洞,影响应用的可用性,重则可能造成任意代码执行漏洞,危害用户的设备安全和信息安全.比如近段时间发现的"寄生兽"漏洞.海豚浏览器远程命令执行漏洞.三星默认输入法远程代码执行漏洞等都与ZIP文件目录遍历有

浅谈Android多屏幕的事

浅谈Android多屏幕的事 一部手机可以同时看片.聊天,还可以腾出一支手来撸!这么吊的功能(非N版本,非第三方也能实现,你不知道吧)摆在你面前,你不享用?不关注它是怎样实现的?你来,我就满足你的欲望! 一部手机可以同时看片.聊天,还可以腾出一支手来撸==!就像这样: 是时候告别来回切换应用屏幕的酸爽了,还可以在分屏模式下两Activity间直接拖放数据! 好高大上的样子!这是怎么实现的?别急,我们一一道来: kitkat(4.4)版本对多任务分屏的实现 由于相关的代码和功能被封装及隐藏起来,所

浅谈 Android Service

 浅谈Android Service的基本用法: 关于Service最基本的用法自然是启动和停止操作. 启动Service有两种方式: 1.通过startService(Intent intent)方式启动,启动时会自动执行onCreate(),onStartCommand()方法. 2.通过bindService(Intent intent,ServiceConnection connection,int flag) 第一个参数是一个Intent对象,第二个参数是连接Service的实例,

浅谈Android onClick与onLongClick事件触发的问题

之前做按钮的点击事件一直没有注意一些细节,今天做了一个按钮需要有点击和长点击触发不同效果,直接让Activity implements OnClickListener, OnLongClickListener然后添加了相应的处理函数. @Override public void onClick(View v) { // TODO Auto-generated method stub } @Override public boolean onLongClick(View v) { // TODO

Android 安全开发之 ZIP 文件目录遍历

1.ZIP文件目录遍历简介 因为ZIP压缩包文件中允许存在"../"的字符串,攻击者可以利用多个"../"在解压时改变ZIP包中某个文件的存放位置,覆盖掉应用原有的文件.如果被覆盖掉的文件是动态链接so.dex或者odex文件,轻则产生本地拒绝服务漏洞,影响应用的可用性,重则可能造成任意代码执行漏洞,危害用户的设备安全和信息安全.比如近段时间发现的"寄生兽"漏洞.海豚浏览器远程命令执行漏洞.三星默认输入法远程代码执行漏洞等都与ZIP文件目录遍历有

Android快速开发之appBase——(6).HttpReq和APICloudSDK

Android快速开发之appBase--(6).HttpReq和APICloudSDK HttpReq和APICloudSDK都是网络请求组件,都是基于xUtils的HttpUtils重新封装的.接下来讲一下使用方法. 1.HttpReq 看以看到有这么几个方法 GET:GET方式请求 POST:普通的POST表单提交 POST:将数据以流的形式传递 /** * POST请求,用InputStream的方式传递请求参数 * * @param api * 接口地址 * @param reques