Android关于Color你所知道的和不知道的一切

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

  • 10
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <!-- 白色 --> <color name="ivory">#FFFFF0</color> <!-- 象牙色 --> <color name="lightyellow">#FFFFE0</color> <!-- 亮黄色 --> <color name="yellow">#FFFF00</color> <!-- 黄色 --> <color name="snow">#FFFAFA</color> <!-- 雪白色 --> <color name="floralwhite">#FFFAF0</color> <!-- 花白色 --> <color name="lemonchiffon">#FFFACD</color> <!-- 柠檬绸色 --> <color name="cornsilk">#FFF8DC</color> <!-- 米绸色 --> <color name="seashell">#FFF5EE</color> <!-- 海贝色 --> <color name="lavenderblush">#FFF0F5</color> <!-- 淡紫红 --> <color name="papayawhip">#FFEFD5</color> <!-- 番木色 --> <color name="blanchedalmond">#FFEBCD</color> <!-- 白杏色 --> <color name="mistyrose">#FFE4E1</color> <!-- 浅玫瑰色 --> <color name="bisque">#FFE4C4</color> <!-- 桔黄色 --> <color name="moccasin">#FFE4B5</color> <!-- 鹿皮色 --> <color name="navajowhite">#FFDEAD</color> <!-- 纳瓦白 --> <color name="peachpuff">#FFDAB9</color> <!-- 桃色 --> <color name="gold">#FFD700</color> <!-- 金色 --> <color name="pink">#FFC0CB</color> <!-- 粉红色 --> <color name="lightpink">#FFB6C1</color> <!-- 亮粉红色 --> <color name="orange">#FFA500</color> <!-- 橙色 --> <color name="lightsalmon">#FFA07A</color> <!-- 亮肉色 --> <color name="darkorange">#FF8C00</color> <!-- 暗桔黄色 --> <color name="coral">#FF7F50</color> <!-- 珊瑚色 --> <color name="hotpink">#FF69B4</color> <!-- 热粉红色 --> <color name="tomato">#FF6347</color> <!-- 西红柿色 --> <color name="orangered">#FF4500</color> <!-- 红橙色 --> <color name="deeppink">#FF1493</color> <!-- 深粉红色 --> <color name="fuchsia">#FF00FF</color> <!-- 紫红色 --> <color name="magenta">#FF00FF</color> <!-- 红紫色 --> <color name="red">#FF0000</color> <!-- 红色 --> <color name="oldlace">#FDF5E6</color> <!-- 老花色 --> <color name="lightgoldenrodyellow">#FAFAD2</color> <!-- 亮金黄色 --> <color name="linen">#FAF0E6</color> <!-- 亚麻色 --> <color name="antiquewhite">#FAEBD7</color> <!-- 古董白 --> <color name="salmon">#FA8072</color> <!-- 鲜肉色 --> <color name="ghostwhite">#F8F8FF</color> <!-- 幽灵白 --> <color name="mintcream">#F5FFFA</color> <!-- 薄荷色 --> <color name="whitesmoke">#F5F5F5</color> <!-- 烟白色 --> <color name="beige">#F5F5DC</color> <!-- 米色 --> <color name="wheat">#F5DEB3</color> <!-- 浅黄色 --> <color name="sandybrown">#F4A460</color> <!-- 沙褐色 --> <color name="azure">#F0FFFF</color> <!-- 天蓝色 --> <color name="honeydew">#F0FFF0</color> <!-- 蜜色 --> <color name="aliceblue">#F0F8FF</color> <!-- 艾利斯兰 --> <color name="khaki">#F0E68C</color> <!-- 黄褐色 --> <color name="lightcoral">#F08080</color> <!-- 亮珊瑚色 --> <color name="palegoldenrod">#EEE8AA</color> <!-- 苍麒麟色 --> <color name="violet">#EE82EE</color> <!-- 紫罗兰色 --> <color name="darksalmon">#E9967A</color> <!-- 暗肉色 --> <color name="lavender">#E6E6FA</color> <!-- 淡紫色 --> <color name="lightcyan">#E0FFFF</color> <!-- 亮青色 --> <color name="burlywood">#DEB887</color> <!-- 实木色 --> <color name="plum">#DDA0DD</color> <!-- 洋李色 --> <color name="gainsboro">#DCDCDC</color> <!-- 淡灰色 --> <color name="crimson">#DC143C</color> <!-- 暗深红色 --> <color name="palevioletred">#DB7093</color> <!-- 苍紫罗兰色 --> <color name="goldenrod">#DAA520</color> <!-- 金麒麟色 --> <color name="orchid">#DA70D6</color> <!-- 淡紫色 --> <color name="thistle">#D8BFD8</color> <!-- 蓟色 --> <color name="lightgray">#D3D3D3</color> <!-- 亮灰色 --> <color name="lightgrey">#D3D3D3</color> <!-- 亮灰色 --> <color name="tan">#D2B48C</color> <!-- 茶色 --> <color name="chocolate">#D2691E</color> <!-- 巧可力色 --> <color name="peru">#CD853F</color> <!-- 秘鲁色 --> <color name="indianred">#CD5C5C</color> <!-- 印第安红 --> <color name="mediumvioletred">#C71585</color> <!-- 中紫罗兰色 --> <color name="silver">#C0C0C0</color> <!-- 银色 --> <color name="darkkhaki">#BDB76B</color> <!-- 暗黄褐色 --> <color name="rosybrown">#BC8F8F</color> <!-- 褐玫瑰红 --> <color name="mediumorchid">#BA55D3</color> <!-- 中粉紫色 --> <color name="darkgoldenrod">#B8860B</color> <!-- 暗金黄色 --> <color name="firebrick">#B22222</color> <!-- 火砖色 --> <color name="powderblue">#B0E0E6</color> <!-- 粉蓝色 --> <color name="lightsteelblue">#B0C4DE</color> <!-- 亮钢兰色 --> <color name="paleturquoise">#AFEEEE</color> <!-- 苍宝石绿 --> <color name="greenyellow">#ADFF2F</color> <!-- 黄绿色 --> <color name="lightblue">#ADD8E6</color> <!-- 亮蓝色 --> <color name="darkgray">#A9A9A9</color> <!-- 暗灰色 --> <color name="darkgrey">#A9A9A9</color> <!-- 暗灰色 --> <color name="brown">#A52A2A</color> <!-- 褐色 --> <color name="sienna">#A0522D</color> <!-- 赭色 --> <color name="darkorchid">#9932CC</color> <!-- 暗紫色 --> <color name="palegreen">#98FB98</color> <!-- 苍绿色 --> <color name="darkviolet">#9400D3</color> <!-- 暗紫罗兰色 --> <color name="mediumpurple">#9370DB</color> <!-- 中紫色 --> <color name="lightgreen">#90EE90</color> <!-- 亮绿色 --> <color name="darkseagreen">#8FBC8F</color> <!-- 暗海兰色 --> <color name="saddlebrown">#8B4513</color> <!-- 重褐色 --> <color name="darkmagenta">#8B008B</color> <!-- 暗洋红 --> <color name="darkred">#8B0000</color> <!-- 暗红色 --> <color name="blueviolet">#8A2BE2</color> <!-- 紫罗兰蓝色 --> <color name="lightskyblue">#87CEFA</color> <!-- 亮天蓝色 --> <color name="skyblue">#87CEEB</color> <!-- 天蓝色 --> <color name="gray">#808080</color> <!-- 灰色 --> <color name="grey">#808080</color> <!-- 灰色 --> <color name="olive">#808000</color> <!-- 橄榄色 --> <color name="purple">#800080</color> <!-- 紫色 --> <color name="maroon">#800000</color> <!-- 粟色 --> <color name="aquamarine">#7FFFD4</color> <!-- 碧绿色 --> <color name="chartreuse">#7FFF00</color> <!-- 黄绿色 --> <color name="lawngreen">#7CFC00</color> <!-- 草绿色 --> <color name="mediumslateblue">#7B68EE</color> <!-- 中暗蓝色 --> <color name="lightslategray">#778899</color> <!-- 亮蓝灰 --> <color name="lightslategrey">#778899</color> <!-- 亮蓝灰 --> <color name="slategray">#708090</color> <!-- 灰石色 --> <color name="slategrey">#708090</color> <!-- 灰石色 --> <color name="olivedrab">#6B8E23</color> <!-- 深绿褐色 --> <color name="slateblue">#6A5ACD</color> <!-- 石蓝色 --> <color name="dimgray">#696969</color> <!-- 暗灰色 --> <color name="dimgrey">#696969</color> <!-- 暗灰色 --> <color name="mediumaquamarine">#66CDAA</color> <!-- 中绿色 --> <color name="cornflowerblue">#6495ED</color> <!-- 菊兰色 --> <color name="cadetblue">#5F9EA0</color> <!-- 军兰色 --> <color name="darkolivegreen">#556B2F</color> <!-- 暗橄榄绿 --> <color name="indigo">#4B0082</color> <!-- 靛青色 --> <color name="mediumturquoise">#48D1CC</color> <!-- 中绿宝石 --> <color name="darkslateblue">#483D8B</color> <!-- 暗灰蓝色 --> <color name="steelblue">#4682B4</color> <!-- 钢兰色 --> <color name="royalblue">#4169E1</color> <!-- 皇家蓝 --> <color name="turquoise">#40E0D0</color> <!-- 青绿色 --> <color name="mediumseagreen">#3CB371</color> <!-- 中海蓝 --> <color name="limegreen">#32CD32</color> <!-- 橙绿色 --> <color name="darkslategray">#2F4F4F</color> <!-- 暗瓦灰色 --> <color name="darkslategrey">#2F4F4F</color> <!-- 暗瓦灰色 --> <color name="seagreen">#2E8B57</color> <!-- 海绿色 --> <color name="forestgreen">#228B22</color> <!-- 森林绿 --> <color name="lightseagreen">#20B2AA</color> <!-- 亮海蓝色 --> <color name="dodgerblue">#1E90FF</color> <!-- 闪兰色 --> <color name="midnightblue">#191970</color> <!-- 中灰兰色 --> <color name="aqua">#00FFFF</color> <!-- 浅绿色 --> <color name="cyan">#00FFFF</color> <!-- 青色 --> <color name="springgreen">#00FF7F</color> <!-- 春绿色 --> <color name="lime">#00FF00</color> <!-- 酸橙色 --> <color name="mediumspringgreen">#00FA9A</color> <!-- 中春绿色 --> <color name="darkturquoise">#00CED1</color> <!-- 暗宝石绿 --> <color name="deepskyblue">#00BFFF</color> <!-- 深天蓝色 --> <color name="darkcyan">#008B8B</color> <!-- 暗青色 --> <color name="teal">#008080</color> <!-- 水鸭色 --> <color name="green">#008000</color> <!-- 绿色 --> <color name="darkgreen">#006400</color> <!-- 暗绿色 --> <color name="blue">#0000FF</color> <!-- 蓝色 --> <color name="mediumblue">#0000CD</color> <!-- 中兰色 --> <color name="darkblue">#00008B</color> <!-- 暗蓝色 --> <color name="navy">#000080</color> <!-- 海军色 --> <color name="black">#000000</color> <!-- 黑色 --> </resources>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值