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

前端技术 2023/09/04 Android

使用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; 
                        } 

                }); 

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>

这个文件放在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>

我自己摸索摸索，发现这样的实现过程虽然通用性好，但是很麻烦，一个按钮实现效果需要多张图片甚至再加一个布局…
那一个游戏要是有几百个按钮怎么办呢？
于是：以下代码被酝酿出来了：

复制代码 代码如下:

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

本文地址：https://www.stayed.cn/item/11721

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案