android按钮被点击文字颜色变化效果

转载自：http://blog.csdn.net/maylian7700/article/details/6978131

 

有的时候做应用需要点击按钮时文字颜色也跟着变，松开后又还原，目前发现两种解决方案：第一用图片，如果出现的地方比较多，那么图片的量就相当可观；第二，也就是本文讲到的。废话少说，先贴图片，再上代码。

正常效果：

按下效果：

先在values目录创建color.xml文件，在里面加入以下自定义颜色(注意不是用color标签)的代码：

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.     <drawable name="red">#f00</drawable>  
4.     <drawable name="green">#0f0</drawable>  
5.     <drawable name="gray">#ccc</drawable>  
6. </resources>  

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <drawable name="red">#f00</drawable>
    <drawable name="green">#0f0</drawable>
    <drawable name="gray">#ccc</drawable>
</resources>

然后在res下新建drawable目录，里面新建btn_bg.xml和btn_color.xml文件，代码如下：

btn_bg.xml

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3.     <item android:state_window_focused="false" android:state_enabled="true"  
4.         android:drawable="@drawable/btn_test_normal" />  
5.     <item android:state_enabled="false" android:drawable="@drawable/btn_test_normal" />  
6.     <item android:state_pressed="true" android:drawable="@drawable/btn_test_press" />  
7.     <item android:state_focused="true"  android:drawable="@drawable/btn_test_normal" />  
8. </selector>  

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

btn_color.xml

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3.     <item android:state_focused="false" android:state_enabled="true" android:state_pressed="false"  
4.         android:color="@drawable/red" />  
5.     <item android:state_enabled="false" android:color="@drawable/gray" />  
6.     <item android:state_pressed="true" android:color="@drawable/green" />  
7.     <item android:state_focused="true"  android:color="@drawable/red" />  
8. </selector>  

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="false" android:state_enabled="true" android:state_pressed="false"
        android:color="@drawable/red" />
    <item android:state_enabled="false" android:color="@drawable/gray" />
    <item android:state_pressed="true" android:color="@drawable/green" />
    <item android:state_focused="true"  android:color="@drawable/red" />
</selector>

最后是测试用的布局文件：

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     android:background="@android:color/white"  
7.     >  
8.       
9.     <Button  
10.         android:layout_width="wrap_content"  
11.         android:layout_height="wrap_content"  
12.         android:text="按下文字会变效果"  
13.         android:textColor="@drawable/btn_color"  
14.         android:background="@drawable/btn_bg"  
15.         />  
16.     <Button  
17.         android:layout_width="wrap_content"  
18.         android:layout_height="wrap_content"  
19.         android:text="按钮被禁用"  
20.         android:enabled="false"  
21.         android:textColor="@drawable/btn_color"  
22.         android:background="@drawable/btn_bg"  
23.         />  
24.       
25. </LinearLayout>  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/white"
    >
    
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按下文字会变效果"
        android:textColor="@drawable/btn_color"
        android:background="@drawable/btn_bg"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮被禁用"
        android:enabled="false"
        android:textColor="@drawable/btn_color"
        android:background="@drawable/btn_bg"
        />
    
</LinearLayout>

OK，大功告成！