Android Button按鈕點選背景和文字變化操作
阿新 • • 發佈:2020-08-24
Android 原生的按鈕點選狀態是有變化的,但是如果是自己加了一個.png格式的圖片為背景色,按鈕點選就不會有任何效果,為了達到點選按鈕有一閃的效果,我們就需要準備兩張圖進行切換, 而且文字也要變色,老規矩廢話不多說直接上程式碼:
按鈕背景圖片放在 drawable/background_button.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/bg_press" android:state_pressed="true"/> <item android:drawable="@drawable/bg_normal" android:state_enabled="true"/> <item android:drawable="@drawable/bg_normal"/> </selector>
準備兩張圖片一張為bg_press.png, 一張為 bg_normal.png。
在需要變化的按鈕中設定:
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="50dp" android:focusable="false" android:gravity="center" android:textSize="24px" android:text="@string/str_tethering_modify" android:background="@drawable/background_button" />
這有背景色變化就解決完了,下面到按鈕上的文字了,現在點選按鈕按鈕上的文字是沒有變化的,為了達到按鈕文字顏色的變化我們再新建一個xml檔案。
按鈕顏色變化 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" android:color="#975508"/> <item android:state_focused="false" android:state_pressed="false" android:color="#E5960E"/> <item android:state_focused="true" android:color="#975508"/> <item android:state_focused="false" android:color="#E5960E"/> </selector>
加入到我們的按鈕textColor中
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="50dp" android:focusable="false" android:gravity="center" android:textSize="24px" android:textColor="@drawable/button_color" android:text="@string/str_tethering_modify" android:background="@drawable/background_button" />
這樣直接使用背景和文字就都有點選效果啦,但是如果有這樣一個需求,在某些條件下需要再設定按鈕文字的顏色button.setTextColor(color),這樣設定完後,發現我們按鈕上文字點選又沒有變化了,我之前試著直接 button.setTextColor(R.drawable.button_color);發現這樣是沒有任何用處的。這樣就需要使用 ColorStateList 來解決,顧名思義,就是定義顏色的狀態列表,通過監聽按鈕不同狀態來設定不同的顏色,
老規矩,廢話不多說了,直接貼程式碼:
/** * 按鈕點選顏色變化 */ private ColorStateList colorStateList; colorStateList = (ColorStateList)getResources().getColorStateList(R.drawable.button_color); if(xxx){ button.setTextColor(Color.White); }else{ button.setTextColor(colorStateList); }
這樣就完美解決了按鈕點選狀態的變化啦。
補充知識:android studio設定按鈕和背景融為一體也就是按鈕去除陰影
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/button_send" android:onClick="sendMessage" style="?android:attr/borderlessButtonStyle" />
以上這篇Android Button按鈕點選背景和文字變化操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。