android selector

使用Android的颜色选择器可以让我们的view在不同状态下显示不同的颜色。
1、Android中ListView 选择某项改变该行字体颜色

2、文件位置
res/color/filename.xml，文件名被做资源的ID
3、语法示例

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:color="@color/white" />
    <item android:state_focused="true" android:color="@color/white" />
    <item android:state_pressed="true" android:color="@color/white" />
    <item android:state_enabled="true" android:color="@color/black"/>
    <item android:state_enabled="false" android:color="@color/white"/>
    <item android:state_window_focused="false" android:color="@color/black"/>
    <item android:color="@color/black" />
</selector>

 4、属性
android:color
    十六进制颜色，必须的。颜色是用RGB值来指定的，并且可选择alpha通道。
    这个值始终是用#字符开头，后面跟的是Appha-Red-Green-Blue信息，格式如下：

        #RGB
        #ARGB
        #RRGGBB
        #AARRGGBB
android:state_pressed
         一个布尔值，如果这个项目是在对象被按下时使用，那么就要设置为true。（如，按钮被触摸或点击时。）false应该用于默认的非按下状态。

android:state_focused
         一个布尔值，如果这个项目是在对象获取焦点时使用，那么就要设置为true。如，一个选项标签被打开时。如果这个项目要用于对象没有被被选择的时候，那么就要设置为false。

android:state_checkable
         一个布尔值，如果这个项目要用于对象的可选择状态，那么就要设置为true。如果这个项目要用于不可选状态，那么就要设置为false。（它只用于一个对象在可选和不可选之间的转换）。

android:state_checked
         一个布尔值，如果这个项目要用于对象被勾选的时候，那么就要设置为true。否者设为false。

android:state_enabled
         一个布尔值，如果这个项目要用于对象可用状态（接受触摸或点击事件的能力），那么就要设置为true，否者设置为false。

android:state_window_focused
         一个布尔值，如果这个项目要用于应用程序窗口的有焦点状态（应用程序是在前台），那么就要设置为true，否者设置false。
5、注意
         A：要记住，状态列表中一个与对象当前状态匹配的项目会被使用。因此，如果列表中的第一项没有包含以上任何一种状态属性，那么每次都会使用这个项目，因此默认设置应该始终被放到最后。
         B：如果出现失去焦点，背景色延迟的情况，不要使用magin。
         C：drawable下的selector可是设置状态背景列表(可以让view的背景在不同状态时变化)说明:也可以定义状态背景列表,但是是定义在drawable文件夹下,用的不是color属性,而是drawable属性。

 

main.xml代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
              <Button android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:text="按下或者获得焦点Button会变不同颜色"
              android:textColor="@color/button_text" />
</LinearLayout>

 res/color/button_text.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> 

 

在 Android中，控件Button和ImageButton一般有三种状态：常态(normal)、点击状态(pressed)、聚焦状态 (focused)。很多时候，我们为了提高用户的体验常常为Button以及ImageButton的不同状态设置不同的背景图片，下面介绍一种利用 selector设置Button和ImageButton不同状态下的背景图片的方法。

具体步骤如下：

一、在res/drawable文件下创建selector.xml，示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_pressed="false"
        android:drawable="@drawable/title_button_back">
    </item>
    <item
        android:state_pressed="true"
        android:drawable="@drawable/title_button_back_h">
    </item>
    <item
        android:state_window_focused="false"
        android:drawable="@drawable/title_button_back">
    </item>
</selector>

 二、编写布局文件，为布局文件中的ImageButton设置selector，示例代码如下：

<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="wrap_content" 
    android:layout_width="fill_parent">  
    <ImageButton 
        android:id="@+id/title_IB" ; 
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content" 
        android:background="#00000000" 
        android:layout_marginRight="4dp" 
        android:layout_centerVertical="true" 
        android:src="@drawable/selector"> ; 
    </ImageButton>  
</RelativeLayout>

 到此就为ImageButton的不同状态设置了不同的背景图片。

 

 

 首先android的selector是在drawable/xxx.xml中配置的。

　　先看一下listview中的状态：

　　把下面的XML文件保存成你自己命名的.xml文件(比如list_item_bg.xml)，在系统使用时根据ListView中的列表项的状态来使用相应的背景图片。

drawable/list_item_bg.xml

 

<?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文件：第一种是在listview中配置android:listSelector="@drawable/list_item_bg"

　　或者在listview的item中添加属性android：background=“@drawable/list_item_bg"即可实 现，或者在java代码中使用：Drawable drawable = getResources().getDrawable(R.drawable.list_item_bg);

　　ListView.setSelector(drawable);同样的效果。

　　但是这样会出现列表有时候为黑的情况，需要加上：android:cacheColorHint="@android:color/transparent"

　　使其透明。

　　其次再来看看Button的一些背景效果：

　　android:state_selected是选中

　　android:state_focused是获得焦点

　　android:state_pressed是点击

　　android:state_enabled是设置是否响应事件,指所有事件

　　根据这些状态同样可以设置button的selector效果。也可以设置selector改变button中的文字状态。

　　以下就是配置button中的文字效果

drawable/button_font.xml

<?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

    <?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的时候就可以甩掉系统自带的那黄颜色的背景了，实现个性化的背景，配合应用的整体布局非常之有用