selector状态选择器

Selector

selector就是状态选择器(StateList),它分为两种,一种Color-Selector 和Drawable-Selector。


Color-Selector

color-selector ,颜色状态选择器,可以跟color一样使用,颜色会随着组件的状态而改变。文件的位置存储/res/color/filename.xml

在Java中使用是:R.color.filename

在XML中使用是:@color/filename

具体语法如下

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:Android="http://schemas.android.com/apk/res/android" >

<item
android:color="hex_color" //颜色值,#RGB,$ARGB,#RRGGBB,#AARRGGBB
android:state_pressed=["true" | "false"]//是否触摸
android:state_focused=["true" | "false"]//是否获得焦点
android:state_selected=["true" | "false"]//是否被状态
android:state_checkable=["true" | "false"]//是否可选
android:state_checked=["true" | "false"]//是否选中
android:state_enabled=["true" | "false"]//是否可用
android:state_window_focused=["true" | "false"] />//是否窗口聚焦

</selector>

示例代码

在/res/color/文件夹下新建test_color_selector.xml

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

  <item android:state_pressed="true"

  android:color="#ffff0000"/> <!-- pressed -->

  <item android:state_focused="true"

  android:color="#ff0000ff"/> <!-- focused -->

  <item android:color="#ff000000"/> <!-- default -->

</selector>

调用:

 <Button

  android:id="@+id/bt_about"

  style="@style/Button_style"

  android:layout_width="250dp"

  android:layout_height="50dp"

  android:layout_margin="5dp"

  android:textColor="@color/test_color_selector"

  android:text="@string/about" />
 

通过如上代码,就可以实现不同状态下的字体的颜色变化:


Drawable-Selector

drawable-selector 是背景图状态选择器,可以跟图片一样使用,背景会根据组件的状态变化而变化。文件存储于/res/drawable/filename.xml

Java中调用:R.drawable.filename

 XML中调用:@drawable/filename

drawable-selector的具体语法如下:

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android"
android:constantSize=["true" | "false"]//drawable的大小是否当中状态变化,true表示是变化,false表示不变换,默认为false
android:dither=["true" | "false"]//当位图与屏幕的像素配置不一样时(例如,一个ARGB为8888的位图与RGB为555的屏幕)会自行递色(dither)。设置为false时不可递色。默认true
android:variablePadding=["true" | "false"] >//内边距是否变化,默认false
<item
android:drawable="@[package:]drawable/drawable_resource"//图片资源
android:state_pressed=["true" | "false"]//是否触摸
android:state_focused=["true" | "false"]//是否获取到焦点
android:state_hovered=["true" | "false"]//光标是否经过
android:state_selected=["true" | "false"]//是否选中
android:state_checkable=["true" | "false"]//是否可勾选
android:state_checked=["true" | "false"]//是否勾选
android:state_enabled=["true" | "false"]//是否可用
android:state_activated=["true" | "false"]//是否激活
android:state_window_focused=["true" | "false"] />//所在窗口是否获取焦点
</selector>

示例代码

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="true" android:drawable="@drawable/button_bg_press" />
<item android:state_focused="true" android:drawable="@drawable/button_bg_press" />
<item android:state_pressed="true" android:drawable="@drawable/button_bg_press" />
<item android:drawable="@drawable/button_bg_normol" />
</selector>

调用:

 <Button
android:id="@+id/bt_about"
style="@style/Button_style"
android:background="@drawable/button_selector"
android:layout_width="250dp"
android:layout_height="50dp"
android:layout_margin="5dp"
android:textColor="@color/test_color_selector"
android:text="@string/about" />

通过以上的代码,我们可以实现所需的效果,可以注意到button背景的变化。


开发中,selector是实现View状态变化后背景与颜色变化的很好的方式,可简化逻辑代码。

posted on 2017-02-23 14:14  LoaderMan  阅读(321)  评论(0编辑  收藏  举报

导航