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状态变化后背景与颜色变化的很好的方式,可简化逻辑代码。
最后,关注【码上加油站】微信公众号后,有疑惑有问题想加油的小伙伴可以码上加入社群,让我们一起码上加油吧!!!