Android Selector作用简单理解是在点击控件时,改变控件的状态或者属性。
Selector的使用:
1. 在res目录新建drawable目录,然后在drawable目录下新建text_color_selector.xml.
在没有任何属性时代码结构是这样:
<?xml version="1.0" encoding="utf-8" ?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
</selector>
下面是一个Button实例。当按下时,字体颜色改变。
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 表示按下时,颜色为:@android:color/black,也可改为#f00(红色) -->
<item android:state_pressed="true" android:color="@android:color/black"/>
<!-- 表示正常情况下,即没有按下颜色为:@android:color/white-->
<item android:color="@android:color/white"/></selector>
2. 布局文件中使用:
<Button
android:text="hello"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@drawable/text_color_selector"
/>
3. 在RadioGroup上的使用实例,如下图,布局下面五个是一组RadioGroup。
部分布局文件:
<RadioGroup
android:id="@+id/rg_group"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bottom_tab_bg"
android:orientation="horizontal" >
<RadioButton
android:id="@+id/rb_home"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:button"="@null"
android:drawablePadding"="3dp"
android:padding"="5dp"
android:textColor"="@drawable/btn_tab_text_selector"
android:layout_weight"="1"
android:gravity"="center"
android:drawableTop="@drawable/btn_tab_home_selector"
android:text="首页" />
<RadioButton
android:id="@+id/rb_news"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:button"="@null" //去除默认的Button图标
android:drawablePadding"="3dp"
android:padding"="5dp"
android:textColor"="@drawable/btn_tab_text_selector"
android:layout_weight"="1"
android:gravity"="center"
android:drawableTop="@drawable/btn_tab_news_selector"
android:text="新闻中心" />
</RadioGroup>
selector文件:
state_checked:表示选中时的状态。
btn_tab_text_selector: 改变字体颜色
<?xml version="1.0" encoding="utf-8"?>
selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:color="#f00"></item>
<item android:color="#fff"></item>
</selector>
btn_tab_news_selector:改变图标,只选其中一个。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/news_press" android:state_checked="true"></item>
<item android:drawable="@drawable/news"></item>
</selector>
Java相关代码:
@ViewInject(R.id.rg_group)
private RadioGroup rgGroup;
根据android:id来判断哪个RadioButton被checked了。
mRadioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
//checkedId:选择的RadioButton
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
switch (checkedId) {
case R.id.rb_home:
mViewPager.setCurrentItem(0);// 让ViewPager切换到第一个页面
break;
case R.id.rb_news:
mViewPager.setCurrentItem(1);// 让ViewPager切换到第一个页面
break;
}
}
});
属性介绍:
android:state_selected 选中
android:state_focused 获得焦点
android:state_pressed 点击
android:state_enabled 设置是否响应事件,指所有事件
android:state_checked 表示被选中,如在RadioButton上使用。