Android中ImageButton自定義按鈕的按下效果的程式碼實現方法，附網上2種經典解決方法。

yangxi_001發表於2013-11-21
Android

首先看看網上的2種方法：

【以下為引用網路，來源：http://www.eoeandroid.com/thread-7931-1-1.html】

使用Button時為了讓使用者有“按下”的效果，有兩種實現方式：

1.在程式碼裡面。

  1. imageButton.setOnTouchListener(new OnTouchListener(){     
  2.                         @Override    
  3.                         public boolean onTouch(View v, MotionEvent event) {     
  4.                                 if(event.getAction() == MotionEvent.ACTION_DOWN){     
  5.                                         //更改為按下時的背景圖片     
  6.                                         v.setBackgroundResource(R.drawable.pressed);     
  7.                                 }else if(event.getAction() == MotionEvent.ACTION_UP){     
  8.                                         //改為抬起時的圖片     
  9.                                         v.setBackgroundResource(R.drawable.released);     
  10.                                 }     
  11.                                 return false;     
  12.                         }     
  13.                 });    
  14. imageButton.setOnTouchListener(new OnTouchListener(){  
  15.                         @Override  
  16.                         public boolean onTouch(View v, MotionEvent event) {  
  17.                                 if(event.getAction() == MotionEvent.ACTION_DOWN){  
  18.                                         //更改為按下時的背景圖片  
  19.                                         v.setBackgroundResource(R.drawable.pressed);  
  20.                                 }else if(event.getAction() == MotionEvent.ACTION_UP){  
  21.                                         //改為抬起時的圖片  
  22.                                         v.setBackgroundResource(R.drawable.released);  
  23.                                 }  
  24.                                 return false;  
  25.                         }   
  26.                 });   
  

 

2.用XML檔案實現。

[xhtml] view plaincopy
  1. <?xml version="1.0" encoding="UTF-8"?>    
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">    
  3.     <item           android:state_pressed="false"  android:drawable="@drawable/button_add" />    
  4.     <item           android:state_pressed="true"   android:drawable="@drawable/button_add_pressed" />    
  5.     <item           android:state_focused="true"    android:drawable="@drawable/button_add_pressed" />    
  6. <item           android:drawable="@drawable/button_add" />    
  7. </selector>    
  8.   
  9. <?xml version="1.0" encoding="UTF-8"?>  
  10. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  11. <item           android:state_pressed="false"  android:drawable="@drawable/button_add" />  
  12.   
  13.     <item            android:state_pressed="true"  android:drawable="@drawable/button_add_pressed" />  
  14.     <item            android:state_focused="true"  android:drawable="@drawable/button_add_pressed" />  
  15.     <item             android:drawable="@drawable/button_add" />  
  16. </selector>   
  

 

這個檔案放在drawable目錄下面。命名為button_add_x.xml

使用的時候

[xhtml] view plaincopy
  1. <ImageButton    
  2.                         android:id="@+id/ImageButton"    
  3.                         android:layout_width="wrap_content"    
  4.                         android:layout_height="wrap_content"    
  5.                         android:background="#00000000"    
  6.                         android:src="@drawable/button_add_x" >    
  7. </ImageButton>    
  8. <ImageButton  
  9.                         android:id="@+id/ImageButton"  
  10.                         android:layout_width="wrap_content"  
  11.                         android:layout_height="wrap_content"  
  12.                         android:background="#00000000"  
  13.                         android:src="@drawable/button_add_x" >  
  14. </ImageButton>   

 

【以上為引用網路，來源：http://www.eoeandroid.com/thread-7931-1-1.html】

 

【以下為原創，轉載請註明出處：http://blog.csdn.net/sytzz/archive/2010/06/16/5673662.aspx】

 

我自己摸索摸索，發現這樣的實現過程雖然通用性好，但是很麻煩，一個按鈕實現效果需要多張圖片甚至再加一個佈局…

 

那一個遊戲要是有幾百個按鈕怎麼辦呢？

 

於是：以下程式碼被醞釀出來了：

 

  1. /**   
  2.    * 按下這個按鈕進行的顏色過濾   
  3.    */    
  4.   public final static float[] BT_SELECTED=new float[] {      
  5.       2, 0, 0, 0, 2,      
  6.       0, 2, 0, 0, 2,      
  7.       0, 0, 2, 0, 2,      
  8.       0, 0, 0, 1, 0 };     
  9.        
  10.   /**   
  11.    * 按鈕恢復原狀的顏色過濾   
  12.    */    
  13.   public final static float[] BT_NOT_SELECTED=new float[] {      
  14.       1, 0, 0, 0, 0,      
  15.       0, 1, 0, 0, 0,      
  16.       0, 0, 1, 0, 0,      
  17.       0, 0, 0, 1, 0 };     
  18.        
  19.   /**   
  20.    * 按鈕焦點改變   
  21.    */    
  22.   public final static OnFocusChangeListener buttonOnFocusChangeListener=new OnFocusChangeListener() {     
  23.        
  24.   @Override    
  25.   public void onFocusChange(View v, boolean hasFocus) {     
  26.    if (hasFocus) {     
  27.     v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));     
  28.     v.setBackgroundDrawable(v.getBackground());     
  29.    }     
  30.    else    
  31.    {     
  32.     v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));     
  33.      v.setBackgroundDrawable(v.getBackground());     
  34.    }     
  35.   }     
  36.  };     
  37.       
  38.   /**   
  39.    * 按鈕觸碰按下效果   
  40.    */    
  41.  public final static OnTouchListener buttonOnTouchListener=new OnTouchListener() {     
  42.   @Override    
  43.   public boolean onTouch(View v, MotionEvent event) {     
  44.    if(event.getAction() == MotionEvent.ACTION_DOWN){     
  45.     v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));     
  46.     v.setBackgroundDrawable(v.getBackground());     
  47.     }     
  48.     else if(event.getAction() == MotionEvent.ACTION_UP){     
  49.      v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));     
  50.      v.setBackgroundDrawable(v.getBackground());     
  51.     }     
  52.    return false;     
  53.   }     
  54.  };     
  55.       
  56.  /**   
  57.   * 設定圖片按鈕獲取焦點改變狀態   
  58.   * @param inImageButton   
  59.   */    
  60.  public final static void setButtonFocusChanged(View inView)     
  61.  {     
  62.   inView.setOnTouchListener(buttonOnTouchListener);     
  63.   inView.setOnFocusChangeListener(buttonOnFocusChangeListener);     
  64.  }    
  

使用時，呼叫方法

public final static void setButtonFocusChanged(View inView)

即可。

 

【原理】

 

利用Drawable類的setColorFilter方法對圖片進行顏色偏移過濾處理。

相關文章