Android的selector,背景选择器

首先android的selector是在drawable/xxx.xml中配置的,相关图片放在同目录下。

先看一下listview中的状态:
把下面的XML文件保存成你自己命名的.xml文件(比如list_item_bg.xml),在系统使用时根据ListView中的列表项的状态来使用相应的背景图片。
Java代码 复制代码 收藏代码
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <selectorxmlns:android="http://schemas.android.com/apk/res/android">
  3. <!--默认时的背景图片-->
  4. <itemandroid:drawable="@drawable/pic1"/>
  5. <!--没有焦点时的背景图片-->
  6. <itemandroid:state_window_focused="false"
  7. android:drawable="@drawable/pic1"/>
  8. <!--非触摸模式下获得焦点并单击时的背景图片-->
  9. <itemandroid:state_focused="true"
  10. android:state_pressed="true"
  11. android:drawable="@drawable/pic2"/>
  12. <!--触摸模式下单击时的背景图片-->
  13. <itemandroid:state_focused="false"
  14. android:state_pressed="true"
  15. android:drawable="@drawable/pic3"/>
  16. <!--选中时的图片背景-->
  17. <itemandroid:state_selected="true"
  18. android:drawable="@drawable/pic4"/>
  19. <!--获得焦点时的图片背景-->
  20. <itemandroid:state_focused="true"
  21. android:drawable="@drawable/pic5"/>
  22. </selector>
<?xml version="1.0" encoding="utf-8" ?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 默认时的背景图片--> <item android:drawable="@drawable/pic1" /> <!-- 没有焦点时的背景图片 --> <item android:state_window_focused="false" android:drawable="@drawable/pic1" /> <!-- 非触摸模式下获得焦点并单击时的背景图片 --> <item android:state_focused="true" android:state_pressed="true" android:drawable= "@drawable/pic2" /> <!-- 触摸模式下单击时的背景图片--> <item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/pic3" /> <!--选中时的图片背景--> <item android:state_selected="true" android:drawable="@drawable/pic4" /> <!--获得焦点时的图片背景--> <item android:state_focused="true" android:drawable="@drawable/pic5" /> </selector>

使用xml文件:
1.方法一:在listview中配置android:listSelector="@drawable/xxx"
或者在listview的item中添加属性android:background="@drawable/xxx"

2.方法二:是
Drawable drawable = getResources().getDrawable(R.drawable.xxx);
ListView.setSelector(drawable);
但是这样会出现列表有时候为黑的情况,需要加上:android:cacheColorHint="@android:color/transparent"使其透明。

相关属性:
android:state_selected是选中
android:state_focused是获得焦点
android:state_pressed是点击
android:state_enabled是设置是否响应事件,指所有事件
根据这些状态同样可以设置button的selector效果。也可以设置selector改变button中的文字状态。

以下是配置button中的文字效果:
drawable/button_font.xml
Java代码 复制代码 收藏代码
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <selectorxmlns:android="http://schemas.android.com/apk/res/android">
  3. <itemandroid:state_selected="true"android:color="#FFF"/>
  4. <itemandroid:state_focused="true"android:color="#FFF"/>
  5. <itemandroid:state_pressed="true"android:color="#FFF"/>
  6. <itemandroid:color="#000"/>
  7. </selector>
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_selected="true" android:color="#FFF" /> <item android:state_focused="true" android:color="#FFF" /> <item android:state_pressed="true" android:color="#FFF" /> <item android:color="#000" /> </selector>

Button还可以实现更复杂的效果,例如渐变
drawable/button_color.xml
Java代码 复制代码 收藏代码
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <selectorxmlns:android="http://schemas.android.com/apk/res/android">/
  3. <itemandroid:state_pressed="true">//定义当button处于pressed状态时的形态。
  4. <shape>
  5. <gradientandroid:startColor="#8600ff"/>
  6. <strokeandroid:width="2dp"android:color="#000000"/>
  7. <cornersandroid:radius="5dp"/>
  8. <paddingandroid:left="10dp"android:top="10dp"
  9. android:bottom="10dp"android:right="10dp"/>
  10. </shape>
  11. </item>
  12. <itemandroid:state_focused="true">//定义当button获得focus时的形态
  13. <shape>
  14. <gradientandroid:startColor="#eac100"/>
  15. <strokeandroid:width="2dp"android:color="#333333"color="#ffffff"/>
  16. <cornersandroid:radius="8dp"/>
  17. <paddingandroid:left="10dp"android:top="10dp"
  18. android:bottom="10dp"android:right="10dp"/>
  19. </shape>
  20. </item>
  21. </selector>
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> / <item android:state_pressed="true">//定义当button 处于pressed 状态时的形态。 <shape> <gradient android:startColor="#8600ff" /> <stroke android:width="2dp" android:color="#000000" /> <corners android:radius="5dp" /> <padding android:left="10dp" android:top="10dp" android:bottom="10dp" android:right="10dp"/> </shape> </item> <item android:state_focused="true">//定义当button获得 focus时的形态 <shape> <gradient android:startColor="#eac100"/> <stroke android:width="2dp" android:color="#333333" color="#ffffff"/> <corners android:radius="8dp" /> <padding android:left="10dp" android:top="10dp" android:bottom="10dp" android:right="10dp"/> </shape> </item> </selector>

最后,需要在包含 button的xml文件里添加两项。假如是 main.xml 文件,
我们需要在<Button />里加两项。
android:focusable="true"
android:backgroud="@drawable/button_color"
这样当你使用Button的时候就可以甩掉系统自带的那黄颜色的背景了,实现个性化的背景,配合应用的整体布局非常之有用啊。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值