blue = Color.argb(255, 0, 0, 255);//第四种获取蓝色方法
blue = Color.HSVToColor(new float[]{240.0f, 1.0f, 1.0f});//第五种获取蓝色方法
blue = 0xff0000FF;//第六种获取蓝色方法
//(吐槽:怎么有种孔乙己说茴香豆的茴字有多少种写法一样…,看哪个顺手就用哪个吧)
float[] hsv = {0, 0, 0};//hsv数组
Color.RGBToHSV(0, 0, 255, hsv);//将RGB转为hsv
Log.e(TAG, “onDraw: " + hsv[0]+”,“+hsv[1]+”,"+hsv[2]);
//onDraw: 240.0,1.01.0
其实Color的本身并没有太多的知识点,毕竟就是一个int而已,难点在于颜色的拼合与变换
二、Android位图封装类:Bitmap
什么是位图,前面讲过颜色是按位存储的,ARGB_8888每种颜色占8位
相信大家都知道一张jpg或png放大后会是一个个小格子,称为一个像素(px),而且一个小格子是一种颜色
也就是一张jpg或png图片就是很多颜色的合集,而这些合集信息都被封装到了Bitmap类中
你可以使用Bitmap获取任意像素点,并修改它,对与某像素点而言,颜色信息是其主要的部分
1.重新认识Bitmap
我们一般使用Bitmap是都是用BitmapFactory来decode资源,所以并未设计太多Bitmap的操作,以致认为Bitmap=图片
Bitmap实际是一个封装图片像素信息的类,它能显示出来是因为View及手机的硬件
1).创建一个Bitmap:
注意区别bitmapCanvas和View中OnDraw中Canvas的区别:
这里:bitmapCanvas是负责在位图(Bitmap)上绘制,让位图记录像素点位信息的
OnDraw中Canvas是用来在View上绘制,显示在屏幕上的。
打个不恰当的比方:
你是bitmapCanvas,负责画一张图(Bitmap),你画完后不能直接交给印刷人员(View)去印
需要交给审稿员(OnDraw中canvas),经过他允许才能给印刷人员
/**
- 创建一个Bitmap
- @param color 背景色
- @return bitmap
*/
private Bitmap createBitmap(int color) {
//创建一个ARGB_8888,宽高200的bitmap
Bitmap bitmap = Bitmap.createBitmap(200, 200, Bitmap.Config.ARGB_8888);
//使用Bitmap创建一个canvas画板,画板上的一切都会保留在bitmap上
Canvas bitmapCanvas = new Canvas(bitmap);
//接下来就是在画板上操作
Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
p.setColor(color);
Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
bitmapCanvas.drawRect(rect, p);
p.setColor(Color.GRAY);
p.setStrokeWidth(3);
bitmapCanvas.drawLine(0, 0, 200, 200, p);
bitmapCanvas.drawLine(200, 0, 0, 200, p);
return bitmap;
}
OnDraw中使用Bitmap,使用Bitmap,使用Bitmap…
//审稿人统一,印刷到View上
canvas.drawBitmap(mBitmap, 100, 100, mMainPaint);
三、Xfermode:图片叠合时的处理方式
终于写到这里了,总算与Xfermode相遇了,最喜欢分析很多的情况,这里有18种模式,想想都激动…。
做开发的,我们应该知道src和dst吧src是源,dst是目标,在react里就有src的源文件,和dest的输出文件
图片叠合顾名思义,必须有两个图片才行,这里原图src用蓝色正方形,目标dst用绿色圆形
1.src和dst图片
/**
- 创建源图片
- @return bitmap
*/
private Bitmap createSrcBitmap() {
//创建一个ARGB_8888,宽高200的bitmap
Bitmap bitmap = Bitmap.createBitmap(200, 200, Bitmap.Config.ARGB_8888);
//使用Bitmap创建一个canvas画板,画板上的一切都会保留在bitmap上
Canvas bitmapCanvas = new Canvas(bitmap);
//接下来就是在画板上操作
Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
p.setColor(0x882045F3);
Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
bitmapCanvas.drawRect(rect, p);
return bitmap;
}
/**
- 创建目标
- @return bitmap
*/
private Bitmap createDstBitmap() {
//创建一个ARGB_8888,宽高200的bitmap
Bitmap bitmap = Bitmap.createBitmap(200, 200, Bitmap.Config.ARGB_8888);
//使用Bitmap创建一个canvas画板,画板上的一切都会保留在bitmap上
Canvas bitmapCanvas = new Canvas(bitmap);
//接下来就是在画板上操作
Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
p.setColor(0xff43F41D);
bitmapCanvas.drawCircle(bitmap.getWidth() / 2, bitmap.getHeight() / 2, bitmap.getHeight() / 2,p);
return bitmap;
}
2.叠合模式18种:android.graphics.PorterDuff.Mode
别怕,别怕,一幅图展示一下:
public enum Mode {
CLEAR (0),
SRC (1),
DST (2),
SRC_OVER (3),
DST_OVER (4),
SRC_IN (5),
DST_IN (6),
SRC_OUT (7),
DST_OUT (8),
SRC_ATOP (9),
DST_ATOP (10),
XOR (11),
DARKEN (16),
LIGHTEN (17),
MULTIPLY (13),
SCREEN (14),
ADD (12),
OVERLAY (15);
Mode(int nativeInt) {
this.nativeInt = nativeInt;
}
public final int nativeInt;
}
3.如何优雅地绘制下面一幅图:
注意:测试了一下,开不开硬件加速对这东西有影响,下面在无有硬件加速:
android:hardwareAccelera