Android 自定义View (三)

人的一生就像一篇文章，只有经过多次精心修改，才能不断完善。

本讲内容：ColorFilter 颜色过滤类（继上一讲进一步深入了解自定义View）

上一讲我们讲解了ColorMatrixColorFilter类

一、LightingColorFilter光照颜色过滤类（该类有且只有一个构造方法：）

LightingColorFilter (int mul, int add)  

mul全称是colorMultiply意为色彩倍增，add全称是colorAdd意为色彩添加，这两个值都是16进制的色彩值0xAARRGGBB

示例一：图片去掉绿色（会发现原来偏绿的部分成了红色，这涉及到色彩知识）

下面是自定义CustomTitleView.java文件：

public class CustomView extends View {
	private Paint mPaint;// 画笔
	// 上下文环境引用 就是一个装满信息的信使，Android需要它从里面获取需要的信息。
	private Context mContext;
	private Bitmap bitmap;// 位图  

	private int x,y;// 位图绘制时左上角的起点坐标

	public CustomView(Context context) {
		super(context, null);
	}

	public CustomView(Context context, AttributeSet attrs) {
		super(context, attrs);
		this.mContext = context;

		initPaint();// 初始化画笔
		initRes(context);//初始化资源
	}

	//初始化资源
	private void initRes(Context context) {
		// 获取位图
		bitmap=BitmapFactory.decodeResource(context.getResources(), R.drawable.p);

		 /*
         * 计算位图绘制时左上角的坐标使其位于屏幕中心
         * 屏幕坐标x轴向左偏移位图一半的宽度
         * 屏幕坐标y轴向上偏移位图一半的高度
         */
		x=MeasureUtil.getScreenSize((Activity)mContext)[0]/2-bitmap.getWidth()/2;
		y = MeasureUtil.getScreenSize((Activity) mContext)[1] / 2 - bitmap.getHeight() / 2;
	}

	// 初始化画笔
	private void initPaint() {
		// 实例化画笔并打开抗锯齿
		mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		//设置颜色过滤
		mPaint.setColorFilter(new LightingColorFilter(0xFFFF00FF, 0x00000000));
	}

	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		// 绘制位图 从资源获取一个Bitmap绘制在画布上
		canvas.drawBitmap(bitmap, x, y,mPaint);
	}

}

LightingColorFilter(0xFFFFFFFF,
0x00000000)的时候原图是不会有任何改变的，如果我们想增加红色的值，那么LightingColorFilter(0xFFFFFFFF, 0x00XX0000)就好，其中XX取值为00至FF。

示例二：一个灰色的矩形，我们点击后让它变成黄色

下面是自定义CustomTitleView.java文件：

public class CustomView extends View {
	private Paint mPaint;// 画笔
	private Context mContext;// 上下文环境引用
	private Bitmap bitmap;// 位图  

	private int x,y;// 位图绘制时左上角的起点坐标
	private boolean isClick;// 用来标识控件是否被点击过  

	public CustomView(Context context) {
		super(context, null);
	}

	public CustomView(Context context, AttributeSet attrs) {
		super(context, attrs);
		this.mContext = context;

		initPaint();// 初始化画笔
		initRes(context);//初始化资源

		setOnClickListener(new OnClickListener() {

			public void onClick(View arg0) {
				//判断控件是否被点击过
				if(isClick){
				//当我们不想要颜色过滤的效果时，setColorFilter(null)并重绘视图即可！
				// 如果已经被点击了则点击时设置颜色过滤为空还原本色
					mPaint.setColorFilter(null);
					isClick=false;
				}else{
				// 如果未被点击则点击时设置颜色过滤后为黄色
				mPaint.setColorFilter(new LightingColorFilter(0xFFFFFFFF, 0X00FFFF00))
					isClick=true;
				}

				// 记得重绘
                invalidate();
			}
		});
	}

	//初始化资源
	private void initRes(Context context) {
		// 获取位图
		bitmap=BitmapFactory.decodeResource(context.getResources(), R.drawable.g);

		 /*
         * 计算位图绘制时左上角的坐标使其位于屏幕中心
         * 屏幕坐标x轴向左偏移位图一半的宽度
         * 屏幕坐标y轴向上偏移位图一半的高度
         */
		x=MeasureUtil.getScreenSize((Activity)mContext)[0]/2-bitmap.getWidth()/2;
		y = MeasureUtil.getScreenSize((Activity) mContext)[1] / 2 - bitmap.getHeight() / 2;
	}

	// 初始化画笔
	private void initPaint() {
		// 实例化画笔并打开抗锯齿
		mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
	}

	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		// 绘制位图 从资源获取一个Bitmap绘制在画布上
		canvas.drawBitmap(bitmap, x, y,mPaint);
	}

}

二、PorterDuffColorFilter类（只有一个构造方法：）

PorterDuffColorFilter(int color, PorterDuff.Mode mode)  

一个是16进制表示的颜色值，而另一个是PorterDuff内部类Mode中的一个常量值，这个值表示混合模式（混合混合必定是有两种东西混才行）。第一种就是我们设置的color值而第二种是我们画布上的元素了！

示例三：把Color的值设为蓝色，而模式设为PorterDuff.Mode.DARKEN变暗：

变暗了也变蓝了（类似于PS中俩张图片，底面是蓝色图片，上面是我们的图片）…这就是PorterDuff.Mode.DARKEN模式的效果（也有其它的模式）PorterDuff.Mode中的模式不仅仅是应用于图像色彩混合，还应用于图形混合，比如PorterDuff.Mode.DST_OUT就表示裁剪混合图

下面是自定义CustomTitleView.java文件：

public class CustomView extends View {
	private Paint mPaint;// 画笔
	private Context mContext;// 上下文环境引用
	private Bitmap bitmap;// 位图  

	private int x,y;// 位图绘制时左上角的起点坐标

	public CustomView(Context context) {
		super(context, null);
	}

	public CustomView(Context context, AttributeSet attrs) {
		super(context, attrs);
		this.mContext = context;

		initPaint();// 初始化画笔
		initRes(context);//初始化资源
	}

	//初始化资源
	private void initRes(Context context) {
		// 获取位图
		bitmap=BitmapFactory.decodeResource(context.getResources(), R.drawable.p);

		 /*
         * 计算位图绘制时左上角的坐标使其位于屏幕中心
         * 屏幕坐标x轴向左偏移位图一半的宽度
         * 屏幕坐标y轴向上偏移位图一半的高度
         */
		x=MeasureUtil.getScreenSize((Activity)mContext)[0]/2-bitmap.getWidth()/2;
		y = MeasureUtil.getScreenSize((Activity) mContext)[1] / 2 - bitmap.getHeight() / 2;
	}

	// 初始化画笔
	private void initPaint() {
		// 实例化画笔并打开抗锯齿
		mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		// 设置颜色过滤
		mPaint.setColorFilter(new PorterDuffColorFilter(Color.BLUE, PorterDuff.Mode.DARKEN));
	}

	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		// 绘制位图 从资源获取一个Bitmap绘制在画布上
		canvas.drawBitmap(bitmap, x, y,mPaint);
	}

}

Take your time and enjoy it 路过的、学习过的请留个言，顶个呗～～