1. 程式人生 > 程式設計 >Android Button按鈕點選背景和文字變化操作

Android Button按鈕點選背景和文字變化操作

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按鈕點選背景和文字變化操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。