当前位置: 代码迷 >> Android >> Android 自定义View (3)
  详细解决方案

Android 自定义View (3)

热度:28   发布时间:2016-04-28 01:59:51.0
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 路过的、学习过的请留个言,顶个呗~~


  相关解决方案