快捷導(dǎo)航

Android ImageButton自定義按鈕的按下效果的代碼實現(xiàn)方法分享

更新時間：2014年02月11日 14:39:58 作者：

這篇文章主要介紹了Android ImageButton自定義按鈕的按下效果的代碼實現(xiàn)方法,需要的朋友可以參考下

使用Button時為了讓用戶有“按下”的效果，有兩種實現(xiàn)方式：
1.在代碼里面。

imageButton.setOnTouchListener(new OnTouchListener(){  

                        @Override  
                        public boolean onTouch(View v, MotionEvent event) {  
                                if(event.getAction() == MotionEvent.ACTION_DOWN){  
                                        //更改為按下時的背景圖片  
                                        v.setBackgroundResource(R.drawable.pressed);  
                                }else if(event.getAction() == MotionEvent.ACTION_UP){  
                                        //改為抬起時的圖片  
                                        v.setBackgroundResource(R.drawable.released);  
                                }  
                                return false;  
                        }  

                });  

2.用XML文件實現(xiàn)。

復(fù)制代碼代碼如下:

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item         
                    android:state_pressed="false"
                       android:drawable="@drawable/button_add" />
    <item         
                    android:state_pressed="true"
                       android:drawable="@drawable/button_add_pressed" />
    <item         
                    android:state_focused="true"
                       android:drawable="@drawable/button_add_pressed" />
    <item         
                       android:drawable="@drawable/button_add" />
</selector>

這個文件放在drawable目錄下面。命名為button_add_x.xml
使用的時候

復(fù)制代碼代碼如下:

<ImageButton
                        android:id="@+id/ImageButton"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="#00000000"
                        android:src="@drawable/button_add_x" >
</ImageButton>

我自己摸索摸索，發(fā)現(xiàn)這樣的實現(xiàn)過程雖然通用性好，但是很麻煩，一個按鈕實現(xiàn)效果需要多張圖片甚至再加一個布局…
那一個游戲要是有幾百個按鈕怎么辦呢？
于是：以下代碼被醞釀出來了：

復(fù)制代碼代碼如下:

/**  
   * 按下這個按鈕進行的顏色過濾  
   */  
  public final static float[] BT_SELECTED=new float[] {    
      2, 0, 0, 0, 2,    
      0, 2, 0, 0, 2,    
      0, 0, 2, 0, 2,    
      0, 0, 0, 1, 0 };   

  /**  
   * 按鈕恢復(fù)原狀的顏色過濾  
   */  
  public final static float[] BT_NOT_SELECTED=new float[] {    
      1, 0, 0, 0, 0,    
      0, 1, 0, 0, 0,    
      0, 0, 1, 0, 0,    
      0, 0, 0, 1, 0 };   

  /**  
   * 按鈕焦點改變  
   */  
  public final static OnFocusChangeListener buttonOnFocusChangeListener=new OnFocusChangeListener() {   

  @Override  
  public void onFocusChange(View v, boolean hasFocus) {   
   if (hasFocus) {   
    v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));   
    v.setBackgroundDrawable(v.getBackground());   
   }   
   else  
   {   
    v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));   
     v.setBackgroundDrawable(v.getBackground());   
   }   
  }   
 };   

  /**  
   * 按鈕觸碰按下效果  
   */  
 public final static OnTouchListener buttonOnTouchListener=new OnTouchListener() {   
  @Override  
  public boolean onTouch(View v, MotionEvent event) {   
   if(event.getAction() == MotionEvent.ACTION_DOWN){   
    v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));   
    v.setBackgroundDrawable(v.getBackground());   
    }   
    else if(event.getAction() == MotionEvent.ACTION_UP){   
     v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));   
     v.setBackgroundDrawable(v.getBackground());   
    }   
   return false;   
  }   
 };   

 /**  
  * 設(shè)置圖片按鈕獲取焦點改變狀態(tài)  
  * @param inImageButton  
  */  
 public final static void setButtonFocusChanged(View inView)   
 {   
  inView.setOnTouchListener(buttonOnTouchListener);   
  inView.setOnFocusChangeListener(buttonOnFocusChangeListener);   
 }  