Android 样式 —— selector 篇

来源:互联网 发布:好看的中国网络剧推荐 编辑:程序博客网 时间:2024/06/17 07:26

Android 样式 —— selector 篇

Android 样式 —— Shape篇
Android 样式 —— selector 篇


shape标签只能定义一些简单的形状,多用来设置view的背景或颜色,但是不能随着view的状态改变而改变形状或背景,而selector标签可以实线这一功能,他能让view的背景、文字颜色随着view的状态改变而改变。

selector标签下,可以添加一个或多个item标签,每个item标签有两个属性:状态、drawable和color,作为drawable资源时,一般和shape标签一样放在drawable目录下,且item标签必须制定android:drawable 属性,作为color资源时,通常放在color目录下,也可放在drawable 目录下,item必须指定android:color 属性。

item中的状态有:

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

drawable属性示例代码:

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <!-- 当前窗口失去焦点时 -->    <item android:drawable="@drawable/bg_btn_lost_window_focused" android:state_window_focused="false" />    <!-- 不可用时 -->    <item android:drawable="@drawable/bg_btn_disable" android:state_enabled="false" />    <!-- 按压时 -->    <item android:drawable="@drawable/bg_btn_pressed" android:state_pressed="true" />    <!-- 被选中时 -->    <item android:drawable="@drawable/bg_btn_selected" android:state_selected="true" />    <!-- 被激活时 -->    <item android:drawable="@drawable/bg_btn_activated" android:state_activated="true" />    <!-- 默认时 -->    <item android:drawable="@drawable/bg_btn_normal" /></selector>

color 属性实力代码

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

在控件中就像普通的arawable资源一样使用即可。

在使用过程中,有几点还是需要注意和了解的:

  1. selector作为drawable资源时,item指定android:drawable属性,并放于drawable目录下;
  2. selector作为color资源时,item指定android:color属性,并放于color目录下;
  3. color资源也可以放于drawable目录,引用时则用@drawable来引用,但不推荐这么做,drawable资源和color资源最好还是分开;
  4. android:drawable属性除了引用@drawable资源,也可以引用@color颜色值;但android:color只能引用@color;
  5. 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_pressed、state_focused和state_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会覆盖子类控件而直接获得焦点

至此,selector的基本用法已讲完,代码已放在github上:

github:https://github.com/RanMaosong/Android-Style

原创粉丝点击