Android中ImageButton自定义按钮的按下效果的代码实现方法

首先看看网上的2种方法：

【以下为引用网络，来源：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> 

我自己摸索摸索，发现这样的实现过程虽然通用性好，但是很麻烦，一个按钮实现效果需要多张图片甚至再加一个布局…

 

那一个游戏要是有几百个按钮怎么办呢？

 

于是：以下代码被酝酿出来了：

/**     * 按下这个按钮进行的颜色过滤     */    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方法对图片进行颜色偏移过滤处理。