首页 > 其他 > 详细

Image Button 按下效果

时间:2014-02-17 08:17:22      阅读:391      评论:0      收藏:0      [点我收藏+]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
使用 Button 时为了让用户有“按下”的效果,有两种实现方式:
 1.JAVA代码实现:
  
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>
  
 3.采用Drawable的颜色过滤:
  
/**  
   * 按下这个按钮进行的颜色过滤  
   */   
  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); 
 }

  

Image Button 按下效果

原文:http://www.cnblogs.com/diigu/p/3551701.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!