Button的背景使用selector图片无法显示的问题

android的Button控件在应用里是十分常见的，功能也十分强大！但是想把它做得漂亮一点，交互效果好一点，就需要一点技巧----使用selector，进行便利的UX效果配置，selector使用的方法也很简单，网上一大堆教程，这里就不多说了。

这篇文章，主要是想分享一下自己遇到的问题：Button的背景使用selector配置问题。

以下是一段能正常使用的selector xml代码：

Xml代码

1. <?xml version="1.0" encoding="utf-8"?> 
2. <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
3.  
4.     <item android:state_focused="true" android:drawable="@drawable/btn_bg_a"></item> 
5.      
6.     <item android:state_pressed="true" android:drawable="@drawable/btn_bg_a"></item> 
7.      
8.     <item android:state_focused="false" android:state_pressed="false" android:drawable="@drawable/btn_bg"></item> 
9.      
10.     <item android:drawable="@drawable/btn_bg"></item> 
11.  
12. </selector> 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_focused="true" android:drawable="@drawable/btn_bg_a"></item>
	
    <item android:state_pressed="true" android:drawable="@drawable/btn_bg_a"></item>
	
    <item android:state_focused="false" android:state_pressed="false" android:drawable="@drawable/btn_bg"></item>
	
    <item android:drawable="@drawable/btn_bg"></item>

</selector>

说它正常其实有点过，因为我把它应用到某个Button时，运行是没效果的，详见以下一段配置Button的xml，但是应用到ImageButton的src属性上时，就能正常地响应点击动作，改变按钮的背景了。

Xml代码

1.     <Button 
2.         android:id="@+id/btn_sign_in" 
3.         android:layout_width="180dp" 
4.         android:layout_height="50dp" 
5.         android:layout_below="@+id/et_sms_pwd" 
6.         android:layout_centerHorizontal="true" 
7.         android:layout_marginTop="30dp" 
8.  
9.         android:background="@drawable/selector_btn" 
10.  
11.         android:text="@string/label_login" 
12.  
13.         android:textColor="@drawable/selector_font" 
14.        
15.         android:textSize="24sp" /> 

    <Button
        android:id="@+id/btn_sign_in"
        android:layout_width="180dp"
        android:layout_height="50dp"
        android:layout_below="@+id/et_sms_pwd"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="30dp"

        android:background="@drawable/selector_btn"

        android:text="@string/label_login"

        android:textColor="@drawable/selector_font"
      
        android:textSize="24sp" />

这是为什么呢？

为了求解，我还做了另外一个实验，是我在网上求问时遇到的一种解析：首先准备一个文件selector_font.xml，这也是一个selector的配置，里面配置的是点击时，Button上面的TextView的颜色响应。

Xml代码

1. <?xml version="1.0" encoding="utf-8"?> 
2. <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
3.  
4.     <item android:state_selected="true" android:color="@color/label_press"/> 
5.     <item android:state_focused="true" android:color="@color/label_press"/> 
6.     <item android:state_pressed="true" android:color="@color/label_press"/> 
7.     <item android:state_focused="false" android:state_pressed="false" android:color="@color/label"/> 
8.     <item android:color="@color/label"/> 
9.  
10. </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="@color/label_press"/>
    <item android:state_focused="true" android:color="@color/label_press"/>
    <item android:state_pressed="true" android:color="@color/label_press"/>
    <item android:state_focused="false" android:state_pressed="false" android:color="@color/label"/>
    <item android:color="@color/label"/>

</selector>

把上面的selector赋给Button的background属性，运行竟然正常！

两个selector最本质的区别就是：一个设置颜色，一个设置图片，那我就做了大胆的假设：Button的background属性不支持直接图片的贴图行为！因为对比之下ImageButton是可以正常响应的。

后来我对原来的selector做了以下修改：

Xml代码

1. <?xml version="1.0" encoding="utf-8"?> 
2. <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
3.  
4.     <item android:state_focused="true"> 
5.         <bitmap android:src="@drawable/btn_bg_a" /> 
6.     </item> 
7.     <item android:state_pressed="true"> 
8.         <bitmap android:src="@drawable/btn_bg_a" /> 
9.     </item> 
10.     <item android:state_focused="false" android:state_pressed="false"> 
11.         <bitmap android:src="@drawable/btn_bg" /> 
12.     </item> 
13.     <item> 
14.         <bitmap android:src="@drawable/btn_bg" /> 
15.     </item> 
16.  
17. </selector> 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_focused="true">
		<bitmap android:src="@drawable/btn_bg_a" />
    </item>
    <item android:state_pressed="true">
		<bitmap android:src="@drawable/btn_bg_a" />
    </item>
    <item android:state_focused="false" android:state_pressed="false">
		<bitmap android:src="@drawable/btn_bg" />
    </item>
    <item>
		<bitmap android:src="@drawable/btn_bg" />
    </item>

</selector>

为每个Item增加一个Bitmap来加载背景图片，结果运行成功，一切正常！

于是我试着做了以下的解析：Button是一个比较原始的交互控件，不支持直接配置复杂的效果，但是Google提供了强大的扩展配置工具，使其也能实现复杂的交互效果。

假如你问，为什么不直接使用ImageButton或其他现成的控件呢？因为越高级的东西，越往后限制就越多，那就限制了你原来的想法了。