android view增加点击效果,如点击时变暗。

最新推荐文章于 2026-05-03 09:55:39 发布

转载最新推荐文章于 2026-05-03 09:55:39 发布 · 9.8k 阅读

android 专栏收录该内容

6 篇文章

订阅专栏

本文介绍两种实现Android ImageButton点击时的亮度变化特效的方法。一种是通过ColorMatrixColorFilter改变颜色矩阵来实现；另一种则是利用StateListDrawable结合BitmapDrawable完成点击变暗的效果。

网上方法太多了，这里抄2个方法，不知道有没有效果，还没验证过：

1.使ImageButton有按下的特效，只需要准备一张普通的图片，不需要按下效果的图片。

直接看示例代码，创建 TouchLight 和 TouchDark 这两个 OnTouchListener，然后给 ImageButton 设置OnTouchListener就行了，如果使用TouchLight，则按下效果是按键变亮；另一个就是变暗。

 
    01import android.app.Activity;  
 
    02import android.graphics.ColorMatrixColorFilter; 
 
    03import android.view.MotionEvent;  
 
    04import android.view.View;  
 
    05import android.view.View.OnTouchListener; 
 
    06  
 
    07public class  TouchedAnimation extends Activity { 
 
    08      
 
    09    public static  final OnTouchListener TouchLight = new OnTouchListener() { 
 
    10  
 
    11        public final  float[] BT_SELECTED =  new float[] {1,0,0,0,50,0,1,0,0,50,0,0,1,0,50,0,0,0,1,0}; 
 
    12        public final  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}; 
 
    13  
 
    14        @Override
 
    15        public boolean  onTouch(View v, MotionEvent event) { 
 
    16            if (event.getAction() == MotionEvent.ACTION_DOWN) { 
 
    17                v.getBackground().setColorFilter( 
 
    18                        new ColorMatrixColorFilter(BT_SELECTED)); 
 
    19                v.setBackgroundDrawable(v.getBackground()); 
 
    20            } else if (event.getAction() == MotionEvent.ACTION_UP) { 
 
    21                v.getBackground().setColorFilter( 
 
    22                        new ColorMatrixColorFilter(BT_NOT_SELECTED)); 
 
    23                v.setBackgroundDrawable(v.getBackground()); 
 
    24            } 
 
    25            return false; 
 
    26        } 
 
    27    }; 
 
    28      
 
    29    public static  final OnTouchListener TouchDark = new OnTouchListener() { 
 
    30          
 
    31        public final  float[] BT_SELECTED =  new float[] {1,0,0,0,-50,0,1,0,0,-50,0,0,1,0,-50,0,0,0,1,0}; 
 
    32        public final  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}; 
 
    33          
 
    34        @Override
 
    35        public boolean  onTouch(View v, MotionEvent event) { 
 
    36            if (event.getAction() == MotionEvent.ACTION_DOWN) { 
 
    37                v.getBackground().setColorFilter( 
 
    38                        new ColorMatrixColorFilter(BT_SELECTED)); 
 
    39                v.setBackgroundDrawable(v.getBackground()); 
 
    40            } else if (event.getAction() == MotionEvent.ACTION_UP) { 
 
    41                v.getBackground().setColorFilter( 
 
    42                        new ColorMatrixColorFilter(BT_NOT_SELECTED)); 
 
    43                v.setBackgroundDrawable(v.getBackground()); 
 
    44            } 
 
    45            return false; 
 
    46        } 
 
    47    }; 
 
    48  
 
    49        @Override
 
    50    public void  onCreate(Bundle savedInstanceState) { 
 
    51        super.onCreate(savedInstanceState); 
 
    52        setContentView(R.layout.main); 
 
    53  
 
    54        ImageButton ib1, ib2; 
 
    55                ib1 = (ImageButton) findViewById(R.id.ImageButton01); 
 
    56                ib2 = (ImageButton) findViewById(R.id.ImageButton02); 
 
    57  
 
    58                ib1.setOnTouchListener(TouchLight); 
 
    59                ib2.setOnTouchListener(TouchDark); 
 
    60    } 
 
    61}

代码里的两个 float 数组里存的东西是颜色矩阵，不了解颜色矩阵也没关系，使用这个附件就行，只需调整亮度、对比度之类的值，然后把生产的颜色矩阵复制到代码里。

附件：ColorMatrixDemo.swf

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

2.Android开发中，View的图片是动态生成的，我们需要增加点击效果。像iReader 的书架中的书籍，点击变暗。

使用很简单：

ImageView iv = (ImageView) this.findViewById(R.id.image_view1);

Drawable d = Drawable.createFromPath("picPath");

StateListDrawable sld = createSLD(this, d);
iv.setImageDrawable(sld);

///增加如下两个方法：

public Drawable createDrawable(Drawable d, Paint p) {

BitmapDrawable bd = (BitmapDrawable) d;
Bitmap b = bd.getBitmap();
Bitmap bitmap = Bitmap.createBitmap(bd.getIntrinsicWidth(),
bd.getIntrinsicHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
canvas.drawBitmap(b, 0, 0, p); // 关键代码，使用新的Paint画原图，

return new BitmapDrawable(bitmap);
}

/** 设置Selector。本次只增加点击变暗的效果，注释的代码为更多的效果*/
public StateListDrawable createSLD(Context context, Drawable drawable) {
StateListDrawable bg = new StateListDrawable();
Paint p = new Paint();
p.setColor(0x40222222); //Paint ARGB色值，A = 0x40 不透明。RGB222222 暗色

Drawable normal = drawable;
Drawable pressed = createDrawable(drawable, p);
// p = new Paint();
// p.setColor(0x8000FF00);
// Drawable focused = createDrawable(drawable, p);
// p = new Paint();
// p.setColor(0x800000FF);
// Drawable unable = createDrawable(drawable, p);
// View.PRESSED_ENABLED_STATE_SET
bg.addState(new int[] { android.R.attr.state_pressed,
android.R.attr.state_enabled }, pressed);
// View.ENABLED_FOCUSED_STATE_SET
// bg.addState(new int[] { android.R.attr.state_enabled,
// android.R.attr.state_focused }, focused);
// View.ENABLED_STATE_SET
bg.addState(new int[] { android.R.attr.state_enabled }, normal);
// View.FOCUSED_STATE_SET
// bg.addState(new int[] { android.R.attr.state_focused }, focused);
// // View.WINDOW_FOCUSED_STATE_SET
// bg.addState(new int[] { android.R.attr.state_window_focused },
// unable);
// View.EMPTY_STATE_SET
bg.addState(new int[] {}, normal);
return bg;
}