您的位置: 首页  >  文章  >  ImageButton自定义按钮的按下效果的高效实现方法（非一般）

ImageButton自定义按钮的按下效果的高效实现方法（非一般）

分类: 文章 • 2024-03-28 10:18:58

通常情况下，我们可以采用如下方式实现： 

Xml代码  ImageButton自定义按钮的按下效果的高效实现方法（非一般）
  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>   

把这个文件放在drawable目录下面。命名为button_add_x.xml 
使用的时候： 
Java代码  ImageButton自定义按钮的按下效果的高效实现方法（非一般）
  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" />   

这样的实现过程虽然通用性好，但是很麻烦，一个按钮实现效果需要多张图片甚至再加一个布局… 
那一个游戏要是有几百个按钮怎么办呢？ 
于是：以下代码被酝酿出来了： 
Java代码  ImageButton自定义按钮的按下效果的高效实现方法（非一般）
  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方法对图片进行颜色偏移过滤处理。 

以下为效果图，登陆按钮此时为获取焦点状态。 
ImageButton自定义按钮的按下效果的高效实现方法（非一般） 
代码可以适当修改实现3个不同的状态：正常，获取焦点，点击。 

http://blog.****.net/sytzz/article/details/5673662

相关推荐