Android中ImageButton自定义按钮的按下效果的代码实现方法，附网上2种经典解决方法

 【原创】Android中ImageButton自定义按钮的按下效果的代码实现方法，附网上2种经典解决方法。收藏

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

【以下为引用网络，来源：http://www.eoeandroid.com/thread-7931-1-1.html】

使用Button时为了让用户有“按下”的效果，有两种实现方式：

1.在代码里面。

view plaincopy to clipboardprint?

1. imageButton.setOnTouchListener(new OnTouchListener(){     
2.                         @Override    
3.                         public boolean onTouch(View v, MotionEvent event) {     
4.                                 if(event.getAction() == MotionEvent.ACTION_DOWN){     
5.                                         //更改为按下时的背景图片     
6.                                         v.setBackgroundResource(R.drawable.pressed);     
7.                                 }else if(event.getAction() == MotionEvent.ACTION_UP){     
8.                                         //改为抬起时的图片     
9.                                         v.setBackgroundResource(R.drawable.released);     
10.                                 }     
11.                                 return false;     
12.                         }     
13.                 });    
14. imageButton.setOnTouchListener(new OnTouchListener(){  
15.                         @Override  
16.                         public boolean onTouch(View v, MotionEvent event) {  
17.                                 if(event.getAction() == MotionEvent.ACTION_DOWN){  
18.                                         //更改为按下时的背景图片  
19.                                         v.setBackgroundResource(R.drawable.pressed);  
20.                                 }else if(event.getAction() == MotionEvent.ACTION_UP){  
21.                                         //改为抬起时的图片  
22.                                         v.setBackgroundResource(R.drawable.released);  
23.                                 }  
24.                                 return false;  
25.                         }   
26.                 });   

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文件实现。

view plaincopy to clipboardprint?

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>    
8.   
9. <?xml version="1.0" encoding="UTF-8"?>  
10. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
11. <item           android:state_pressed="false"  android:drawable="@drawable/button_add" />  
12.   
13.     <item            android:state_pressed="true"  android:drawable="@drawable/button_add_pressed" />  
14.     <item            android:state_focused="true"  android:drawable="@drawable/button_add_pressed" />  
15.     <item             android:drawable="@drawable/button_add" />  
16. </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> <?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

使用的时候

view plaincopy to clipboardprint?

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" >    
7. </ImageButton>    
8. <ImageButton  
9.                         android:id="@+id/ImageButton"  
10.                         android:layout_width="wrap_content"  
11.                         android:layout_height="wrap_content"  
12.                         android:background="#00000000"  
13.                         android:src="@drawable/button_add_x" >  
14. </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> <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】

 

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

 

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

 

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

 

view plaincopy to clipboardprint?

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.  }    
65. /** 
66.    * 按下这个按钮进行的颜色过滤 
67.    */  
68.   public final static float[] BT_SELECTED=new float[] {   
69.       2, 0, 0, 0, 2,   
70.       0, 2, 0, 0, 2,   
71.       0, 0, 2, 0, 2,   
72.       0, 0, 0, 1, 0 };  
73.     
74.   /** 
75.    * 按钮恢复原状的颜色过滤 
76.    */  
77.   public final static float[] BT_NOT_SELECTED=new float[] {   
78.       1, 0, 0, 0, 0,   
79.       0, 1, 0, 0, 0,   
80.       0, 0, 1, 0, 0,   
81.       0, 0, 0, 1, 0 };  
82.     
83.   /** 
84.    * 按钮焦点改变 
85.    */  
86.   public final static OnFocusChangeListener buttonOnFocusChangeListener=new OnFocusChangeListener() {  
87.     
88.   @Override  
89.   public void onFocusChange(View v, boolean hasFocus) {  
90.    if (hasFocus) {  
91.     v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));  
92.     v.setBackgroundDrawable(v.getBackground());  
93.    }  
94.    else  
95.    {  
96.     v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));  
97.      v.setBackgroundDrawable(v.getBackground());  
98.    }  
99.   }  
100.  };  
101.    
102.   /** 
103.    * 按钮触碰按下效果 
104.    */  
105.  public final static OnTouchListener buttonOnTouchListener=new OnTouchListener() {  
106.   @Override  
107.   public boolean onTouch(View v, MotionEvent event) {  
108.    if(event.getAction() == MotionEvent.ACTION_DOWN){  
109.     v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));  
110.     v.setBackgroundDrawable(v.getBackground());  
111.     }  
112.     else if(event.getAction() == MotionEvent.ACTION_UP){  
113.      v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));  
114.      v.setBackgroundDrawable(v.getBackground());  
115.     }  
116.    return false;  
117.   }  
118.  };  
119.    
120.  /** 
121.   * 设置图片按钮获取焦点改变状态 
122.   * @param inImageButton 
123.   */  
124.  public final static void setButtonFocusChanged(View inView)  
125.  {  
126.   inView.setOnTouchListener(buttonOnTouchListener);  
127.   inView.setOnFocusChangeListener(buttonOnFocusChangeListener);  
128.  }  

<textarea cols="50" rows="15" name="code" class="java">/** * 按下这个按钮进行的颜色过滤 */ 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 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); }</textarea>  

使用时，调用方法

public final static void setButtonFocusChanged(View inView)

即可。

 

【原理】

 

利用Drawable类的setColorFilter方法对图片进行颜色偏移过滤处理。

 

 

以下为效果图，登陆按钮此时为获取焦点状态。

 

 

 

代码可以适当修改实现3个不同的状态：正常，获取焦点，点击。