Android按鈕被點擊文字顏色變化效果

有的時候做應用需要點擊按鈕時文字顏色也跟著變，松開後又還原，目前發現兩種解決方案：第一用圖片，如果出現的地方比較多，那麼圖片的量就相當可觀；第二，也就是本文講到的。廢話少說，先貼圖片，再上代碼。

正常效果：

按下效果：

先在values目錄創建color.xml文件，在裡面加入以下自定義顏色(注意不是用color標簽)的代碼：

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>

btn_bg.xml

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>

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>

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. >
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. />
25. </LinearLayout>