Android中自定義Button

                                                       Android中ImageButton自定義按鈕的按下效果的代碼實現方法

【來源：http://www.eoeandroid.com/thread-7931-1-1.html】

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

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;
                        }
                });
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文件實現。

<?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>

<?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

使用的時候

<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>
<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>

 

 

【來源：http://www.eoeandroid.com/thread-7931-1-1.html】

【來源：http://blog.csdn.net/sytzz/archive/2010/06/16/5673662.aspx】

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

那一個游戲要是有幾百個按鈕怎么辦呢？

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

/**
   * 按下這個按鈕進行的顏色過濾
   */
  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 };

  /**
   * 按鈕恢復原狀的顏色過濾
   */
  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;
  }
 };

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

使用時，調用方法

public final static void setButtonFocusChanged(View inView)

即可。

【原理】

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

以下為效果圖，登陸按鈕此時為獲取焦點狀態。

 

 代碼可以適當修改實現3個不同的狀態：正常，獲取焦點，點擊。

 【出處：http://blog.csdn.net/sytzz/archive/2010/06/16/5673662.aspx】