Android关于Color你所知道的和不知道的一切，35岁的程序员被裁

---

三、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:hardwareAccelerated="false"
mMainPaint.setXfermode(XXX);放置的顺序也很重要,在下面的是叠合的源
网上有一组图，不过没有透明度，我对源(蓝色)加了88的透明度,显示的更清楚些
注意：看正方形框里的内容，看正方形框里的内容，看正方形框里的内容!因为它是被叠合的对象

private void init() {
mMainPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mMainPaint.setStyle(Paint.Style.FILL);
mMainPaint.setStrokeCap(Paint.Cap.ROUND);

src = createSrcBitmap();
dst = createDstBitmap();

//背景图层的笔
mLayerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mLayerPaint.setStyle(Paint.Style.FILL);
mLayerPaint.setFilterBitmap(false);

//文字的笔
mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mTextPaint.setTextSize(45);
Typeface typeface = Typeface.create(Typeface.MONOSPACE, Typeface.BOLD);
mTextPaint.setTypeface(typeface);
mTextPaint.setColor(0xffF98D1F);

//虚线画笔
mDashPaint = new Paint();
mDashPaint.setStrokeWidth(3);
mDashPaint.setColor(Color.RED);
mDashPaint.setStyle(Paint.Style.STROKE);
//设置虚线效果new float[]{可见长度, 不可见长度},偏移值
mDashPaint.setPathEffect(new DashPathEffect(new float[]{10, 5}, 0));

mModes = new PorterDuffXfermode[]{
new PorterDuffXfermode(PorterDuff.Mode.CLEAR),//0
new PorterDuffXfermode(PorterDuff.Mode.SRC),//1
new PorterDuffXfermode(PorterDuff.Mode.DST),//2
new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER),//3
new PorterDuffXfermode(PorterDuff.Mode.DST_OVER),//4
new PorterDuffXfermode(PorterDuff.Mode.SRC_IN),//5
new PorterDuffXfermode(PorterDuff.Mode.DST_IN),//6
new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT),//7
new PorterDuffXfermode(PorterDuff.Mode.DST_OUT),//8
new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP),//9
new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP),//10
new PorterDuffXfermode(PorterDuff.Mode.XOR),//11
new PorterDuffXfermode(PorterDuff.Mode.DARKEN),//12
new PorterDuffXfermode(PorterDuff.Mode.LIGHTEN),//13
new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY),//14
new PorterDuffXfermode(PorterDuff.Mode.SCREEN),//15
new PorterDuffXfermode(PorterDuff.Mode.ADD),//16
new PorterDuffXfermode(PorterDuff.Mode.OVERLAY),//17
};

mModeText = new String[]{“CLEAR”, “SRC”, “DST”, “SRC_OVER”, “DST_OVER”, “SRC_IN”,
“DST_IN”, “SRC_OUT”, “DST_OUT”, “SRC_ATOP”, “DST_ATOP”, “XOR”, “DARKEN”,
“LIGHTEN”, “MULTIPLY”, “SCREEN”, “ADD”, “OVERLAY”
};
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//创建一个图层，在图层上演示图形混合后的效果
int sc = 0;
if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.LOLLIPOP) {
sc = canvas.saveLayer(new RectF(0, 0, 2500, 2500), mLayerPaint);
}
for (int i = 0; i < 18; i++) {
int line = i % 6;
int row = i / 6;

canvas.drawBitmap(dst, 350 * line, row * 350, mMainPaint);//目标图象
mMainPaint.setXfermode(mModes[i]);//设置对源的叠合模式
canvas.drawBitmap(src, 100 + 350 * line, 100 + row * 350, mMainPaint);
//辅助信息
canvas.drawText(mModeText[i],100 + 350 * line, 300 + row * 350,mTextPaint);
canvas.drawCircle(100 + 350 * line, 100 + row * 350, 100, mDashPaint);
canvas.drawRect(100 + 350 * line, 100 + row * 350, 100 + 200 + 350 * line, 100 + 200 + row * 350, mDashPaint);
}
canvas.restoreToCount(sc);
}

---

四、着色器：Shader(本节在Paint篇也有，为保全Color篇的完整性，这里cv了一下)

一个很简单的类，有5个子类：

1.线性渐变：

1).new LinearGradient(渐变起点x，y,渐变终点x,y,渐变色1，渐变色2，渐变模式)

渐变模式:Shader.TileMode.[MIRROR|CLAMP|REPEAT] (图中很形象，就不解释了)

int colorStart = Color.parseColor(“#84F125”);
int colorEnd = Color.parseColor(“#5825F1”);
canvas.save();
canvas.translate(mCoo.x, mCoo.y);
mRedPaint.setStyle(Paint.Style.FILL);
mRedPaint.setShader(
new LinearGradient(
-200, 0, 200, 0,
colorStart, colorEnd,
Shader.TileMode.MIRROR
));
canvas.drawRect(-400,-200,400,-100,mRedPaint);

canvas.translate(0, 150);
mRedPaint.setShader(
new LinearGradient(
-100, 0, 100, 0,
colorStart, colorEnd,
Shader.TileMode.CLAMP
));
canvas.drawRect(-400,-200,400,-100,mRedPaint);

canvas.translate(0, 150);
mRedPaint.setShader(
new LinearGradient(
-100, 0, 100, 0,
colorStart, colorEnd,
Shader.TileMode.REPEAT
));
canvas.drawRect(-400,-200,400,-100,mRedPaint);

---

2).多色多点渐变：LinearGradient(渐变起点x，y,渐变终点x,y,颜色数组，位置百分点数组0~1,渐变模式)

int[] colors = new int[]{
Color.parseColor(“#F60C0C”),//红
Color.parseColor(“#F3B913”),//橙
Color.parseColor(“#E7F716”),//黄
Color.parseColor(“#3DF30B”),//绿
Color.parseColor(“#0DF6EF”),//青
Color.parseColor(“#0829FB”),//蓝
Color.parseColor(“#B709F4”),//紫
};
float[] pos = new float[]{
1.f / 7, 2.f / 7, 3.f / 7, 4.f / 7, 5.f / 7, 6.f / 7, 1
};

canvas.translate(0, 150);
mRedPaint.setShader(
new LinearGradient(
-300, 0, 300, 0,
colors, pos,
Shader.TileMode.CLAMP

));
canvas.drawRect(-400, -200, 400, -100, mRedPaint);

---

2.径向渐变：RadialGradient

1).两色渐变：RadialGradient(渐变中心，渐变半径，颜色1，颜色2，渐变模式)

canvas.translate(mCoo.x, mCoo.y);
int colorStart = Color.parseColor(“#84F125”);
int colorEnd = Color.parseColor(“#5825F1”);
mRedPaint.setStyle(Paint.Style.FILL);
mRedPaint.setShader(
new RadialGradient(
0,0,50,
colorStart, colorEnd,
Shader.TileMode.MIRROR

));

canvas.drawCircle(0, 0, 150, mRedPaint);

canvas.translate(350, 0);
mRedPaint.setShader(
new RadialGradient(
0,0,50,
colorStart, colorEnd,
Shader.TileMode.CLAMP

));
canvas.drawCircle(0, 0, 150, mRedPaint);

canvas.translate(350, 0);
mRedPaint.setShader(
new RadialGradient(
0,0,50,
colorStart, colorEnd,
Shader.TileMode.REPEAT

));
canvas.drawCircle(0, 0, 150, mRedPaint);

---

2).多色多点径向渐变：

RadialGradient(渐变中心，渐变半径，渐变模式,颜色数组，位置百分点数组0~1,渐变模式)

int[] colors = new int[]{
Color.parseColor(“#F60C0C”),//红
Color.parseColor(“#F3B913”),//橙
Color.parseColor(“#E7F716”),//黄
Color.parseColor(“#3DF30B”),//绿
Color.parseColor(“#0DF6EF”),//青
Color.parseColor(“#0829FB”),//蓝
Color.parseColor(“#B709F4”),//紫
};
float[] pos = new float[]{
1.f / 7, 2.f / 7, 3.f / 7, 4.f / 7, 5.f / 7, 6.f / 7, 1
};
mRedPaint.setStyle(Paint.Style.FILL);
mRedPaint.setShader(
new RadialGradient(
0, 0, 200,
colors, pos,
Shader.TileMode.CLAMP
));
canvas.drawCircle(0, 0, 250, mRedPaint);

3.扫描渐变：SweepGradient

这个要比上面的简单一点，没有渐变的模式 双色扫描渐变：SweepGradient(中心点x,y,颜色1，颜色2) 多色扫描渐变：SweepGradient(中心点x,y,颜色数组，位置百分点数组0~1)

int colorStart = Color.parseColor(“#84F125”);
int colorEnd = Color.parseColor(“#5825F1”);
mRedPaint.setStyle(Paint.Style.FILL);
mRedPaint.setShader(
new SweepGradient(0, 0, colorStart, colorEnd));
canvas.drawCircle(0, 0, 150, mRedPaint);

canvas.translate(400, 0);
int[] colors = new int[]{
Color.parseColor(“#F60C0C”),//红
Color.parseColor(“#F3B913”),//橙
Color.parseColor(“#E7F716”),//黄
Color.parseColor(“#3DF30B”),//绿
Color.parseColor(“#0DF6EF”),//青
Color.parseColor(“#0829FB”),//蓝
Color.parseColor(“#B709F4”),//紫
};
float[] pos = new float[]{
1.f / 7, 2.f / 7, 3.f / 7, 4.f / 7, 5.f / 7, 6.f / 7, 1
};
mRedPaint.setShader(
new SweepGradient(0, 0, colors, pos));
canvas.drawCircle(0, 0, 150, mRedPaint);

4.图片着色器：BitmapShader(图片，着色模式x，着色模式y)

用图片的所有像素点作为画笔的颜色

1).文字的图片底色：

//加载图片，生成图片着色器
Bitmap bitmap = BitmapFactory.decodeResource(getResources(),R.mipmap.menu_bg);
BitmapShader bs = new BitmapShader(bitmap, Shader.TileMode.CLAMP,Shader.TileMode.CLAMP);
mRedPaint.setShader(bs);
mRedPaint.setTextSize(150);
mRedPaint.setStrokeWidth(10);
mRedPaint.setStyle(Paint.Style.FILL_AND_STROKE);
canvas.drawText(“张风捷特烈”, 0, 500, mRedPaint);

2)路径+图片着色器实现裁剪图片：路径Path相关知识见上一篇：

Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.menu_bg);
BitmapShader bs = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
mRedPaint.setShader(bs);

mRedPaint.setStyle(Paint.Style.FILL);
Path path = CommonPath.nStarPath(8, 500, 250);
canvas.drawPath(path, mRedPaint);

还有一个ComposeShader比较复杂，以后有需求会专门写一篇

---

七、颜色过滤器:(Paint篇有，但本篇更加深入)

ColorFilter只有三个子类

1.LightingColorFilter(颜色1，颜色2)：

Bitmap mainBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.menu_bg);
mRedPaint.setStyle(Paint.Style.FILL);
mRedPaint.setColorFilter(new LightingColorFilter(
Color.parseColor(“#F00000”),//红
Color.parseColor(“#0000ff”)//蓝
));
canvas.drawBitmap(mainBitmap, 0, 0, mRedPaint);

canvas.translate(350, 0);
mRedPaint.setColorFilter(new LightingColorFilter(
Color.parseColor(“#FF0000”),//红
Color.parseColor(“#00ff00”)//绿
));
canvas.drawBitmap(mainBitmap, 0, 0, mRedPaint);

canvas.translate(350, 0);
mRedPaint.setColorFilter(new LightingColorFilter(
Color.parseColor(“#FF0000”),//红
Color.parseColor(“#000000”)//黑
));
canvas.drawBitmap(mainBitmap, 0, 0, mRedPaint);
canvas.restore();

下面分析一下红蓝配的结果：打开LightingColorFilter源码：

/**

• Create a colorfilter that multiplies the RGB channels by one color,
• and then adds a second color. The alpha components of the mul and add
• arguments are ignored.
  创建一个颜色过滤器：用mul颜色乘以RGB通道的颜色,再加上add颜色，mul和add的透明度将被忽略
  */
  public LightingColorFilter(@ColorInt int mul, @ColorInt int add) {
  mMul = mul;
  mAdd = add;
  }

//看了没什么感觉，又是native的方法，往上一看，有注释

• Given a source color RGB, the resulting R’G’B’ color is computed thusly:
• R’ = R * colorMultiply.R + colorAdd.R
• G’ = G * colorMultiply.G + colorAdd.G
• B’ = B * colorMultiply.B + colorAdd.B

这下明白了，就是颜色变换嘛----草稿纸准备好，要演算了：
注意：当相乘数大于255时，便会溢出,相当于8位容不下那么多数，后面再进来，前面的就被推出来了
这里为了区别，特意用#F00000来测试,结果有一点点偏差，毕竟两次选点的点位可能有偏差

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

最后

其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

上面分享的百度、腾讯、网易、字节跳动、阿里等公司2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，上面只是以图片的形式给大家展示一部分。

Android学习PDF+学习视频+面试文档+知识点笔记

【Android思维脑图（技能树）】

知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。

【Android高级架构视频学习资源】

oid）**
[外链图片转存中…(img-np54oroo-1711327779067)]

最后

其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

上面分享的百度、腾讯、网易、字节跳动、阿里等公司2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，上面只是以图片的形式给大家展示一部分。

Android学习PDF+学习视频+面试文档+知识点笔记

【Android思维脑图（技能树）】

知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。

[外链图片转存中…(img-8jkrjqDF-1711327779067)]

【Android高级架构视频学习资源】

**Android部分精讲视频领取学习后更加是如虎添翼！**进军BATJ大厂等（备战）！现在都说互联网寒冬，其实无非就是你上错了车，且穿的少（技能），要是你上对车，自身技术能力够强，公司换掉的代价大，怎么可能会被裁掉，都是淘汰末端的业务Curd而已！现如今市场上初级程序员泛滥，这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期，想要年后突破自己涨薪的，进阶Android中高级、架构师对你更是如鱼得水，赶快领取吧！