Android自定义点击效果的ImageView

By Kevin Chen

(You can suggest changes to this post.)

我们知道在Android开发中一些可以点击的Button或者ImageView一般都会有一些特效，这样的设计比较友好，让用户确切的知道那个组件有没有成功点击。最简单最常用的办法就是设计两套背景图片，然后给Button或者ImageView设置一个xml的selector，从而达到这样的效果。但是如果整个应用下来每个可点击的组件都需要准备两张图片，未免有些太麻烦，而且一般的点击效果只是让透明度有些变化而已。那么针对只是透明度变化的点击效果，有没有可能自定义一个组件呢，从而达到方便重用的目的。带着整个想法，最后终于找到一个比较好的解决方案。废话不多说，见代码：

public class AutoBgImageView extends ImageView {

	public AutoBgImageView(Context context) {
		super(context);
	}

	public AutoBgImageView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	public AutoBgImageView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	@Override
	public void setBackgroundDrawable(Drawable d) {
		// Replace the original background drawable (e.g. image) with a
		// LayerDrawable that
		// contains the original drawable.
		SAutoBgButtonBackgroundDrawable layer = new SAutoBgButtonBackgroundDrawable(d);
		super.setBackgroundDrawable(layer);
	}

	protected class SAutoBgButtonBackgroundDrawable extends LayerDrawable {

		// The color filter to apply when the button is pressed
		protected ColorFilter _pressedFilter = new LightingColorFilter(Color.LTGRAY, 1);
		// Alpha value when the button is disabled
		protected int _disabledAlpha = 100;

		public SAutoBgButtonBackgroundDrawable(Drawable d) {
			super(new Drawable[] { d });
		}

		@Override
		protected boolean onStateChange(int[] states) {
			boolean enabled = false;
			boolean pressed = false;

			for (int state : states) {
				if (state == android.R.attr.state_enabled)
					enabled = true;
				else if (state == android.R.attr.state_pressed)
					pressed = true;
			}

			mutate();
			if (enabled && pressed) {
				setColorFilter(_pressedFilter);
			} else if (!enabled) {
				setColorFilter(null);
				setAlpha(_disabledAlpha);
			} else {
				setColorFilter(null);
			}

			invalidateSelf();

			return super.onStateChange(states);
		}

		@Override
		public boolean isStateful() {
			return true;
		}
	}
}

上面代码定义了一个AutoBgImageView组件继承自ImageView，重写了ImageView的setBackgroundDrawable()方法，从而达到点击ImageView的时候透明度为100（最大为255）。这样整个系统只要是可点击的ImageView只需要用整个组件代替即可，非常方便。上述代码同样可以自定义Button达到类似的点击效果。