Android Selector 选择器总结

1.selector简单介绍

  • 实际应用中,很多地方比如按钮Button、Tab、ListItem等都是不同状态有不同的展示形状。
    • 举个例子,一个按钮的背景,默认时是一个形状,按下时是一个形状,不可操作时又是另一个形状。
    • 有时候,不同状态下改变的不只是背景、图片等,文字颜色也会相应改变。而要处理这些不同状态下展示什么的问题,就要用selector来实现。

2.selector创建方式

  • 第一种:在Xml中直接创建selector的Xml文件,容易掌握,简单但是不灵活
  • 第二种:在代码中动态创建selector,较为复杂,但是灵活,应用场景是选择器状态是不断变化的

3.在Xml中标签说明

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

4.状态设置说明

1
2
3
4
5
6
7
8
9
10
11
12
13
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及以上才支持
补充:selector标签下有两个比较有用的属性要说一下,添加了下面两个属性之后,则会在状态改变时出现淡入淡出效果,
但必须在API Level 11及以上才支持
android:exitFadeDuration 状态改变时,旧状态消失时的淡出时间,以毫秒为单位
android:enterFadeDuration 状态改变时,新状态展示时的淡入时间,以毫秒为单位

5.举例子,在按钮的背景中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?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>

6.举例子,用于按钮的文本颜色

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?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>

7.注意和了解

  • 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都不会起作用了。

8.关于ListView的ListItem样式,设置方式

  • 一种是在ListView标签里设置android:listSelector属性
  • 另一种是在ListItem的布局layout里设置android:background。
  • 但是,这两种设置的结果却有着不同。同时,使用ListView时也有些其他需要注意的地方,总结如下:
    • 1.android:listSelector设置的ListItem默认背景是透明的,不管你在selector里怎么设置都无法改变它的背景。
    • 2.所以,如果想改ListItem的默认背景,只能通过第二种方式,在ListItem的布局layout里设置android:background。
    • 3.当触摸点击ListItem时,第一种设置方式下,state_pressed、state_focused和state_window_focused设为true时都会触发,而第二种设置方式下,只有state_pressed会触发。
    • 4.当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会覆盖子类控件而直接获得焦点

8.遇到问题:TextView如何设置背景和字体选择器?

  • 1.先看看需求

    • 没有点击时
    • image
    • 点击时
    • image
  • 2.遇到问题

    • 点击后背景色无变化

    • 点击后字体颜色无变化

    • 问题代码

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      <TextView
      android:id="@+id/tv_login"
      android:layout_width="match_parent"
      android:layout_height="40dp"
      android:layout_marginRight="40dp"
      android:layout_marginLeft="40dp"
      android:layout_marginTop="15dp"
      android:background="@drawable/selector_login_btn"
      android:gravity="center"
      android:textColor="@drawable/selector_login_text_color"
      android:textSize="16sp"
      android:text="登 录"/>
  • 3.解决办法

    • 注意,对android:textColor赋值时,不是@drawable/xxxxx,而是@color/XXXXX

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      <TextView
      android:id="@+id/tv_login"
      android:layout_width="match_parent"
      android:layout_height="40dp"
      android:layout_marginRight="40dp"
      android:layout_marginLeft="40dp"
      android:layout_marginTop="15dp"
      android:background="@drawable/selector_login_btn"
      android:clickable="true"
      android:gravity="center"
      android:textColor="@color/selector_login_text_color"
      android:textSize="16sp"
      android:text="登 录"/>