hencoder学习自定义view（1）

2401_84897096

于 2024-05-16 13:02:11 发布

阅读量309

点赞数 5

分类专栏：程序员文章标签：学习

本文链接：https://blog.csdn.net/2401_84897096/article/details/138957155

版权

程序员专栏收录该内容

77 篇文章 0 订阅

订阅专栏

canvas.drawText(“rikkatheworld”,100,100,paint);

setARGB(int a,int r,int g,int b)

这三个值为透明度和三原色，实际运用setARGB和setColor效果是一样的

paint.setARGB(100,255,0,0);

canvas.drawRect(0,0,200,200,paint);

setShader(Shader shader) 设置 Shader

除了给paint直接设置颜色，还可以给paint设置Shader，它是一个着色器，是一套设置颜色的方案。

当设置了Shader后，Paint就不会使用setColor或者setARGB里面的颜色了，而是直接使用Shader中的方案。

LinearGradient 线性渐变

设置两个点和两种颜色，以这两个点作为端点，使用两种颜色的渐变来绘制颜色。比如：

Shader shader = new LinearGradient(100,100,500,500,Color.parseColor(“E91E63”),Color.parseColor(“#2196F3”),

Shader.TileMode.CLAMP);

paint.setShader(shader);

canvas.drawCircle(300,300,200,paint);

效果如下：

在这里插入图片描述

其中前4个参数为2个端点的坐标，两个颜色为端点散发出的颜色，最后一个变量Shader.TileMode tile有三种模式：CLAMP、MIRROR、REPEAT，从字面意思上可以得出CLAMP是最正常的模式，其次是镜像最后一个是重复渐变。

RadialGradient 辐射渐变

就是从圆的中心向外颜色渐变：

Shader shader = new RadialGradient(300, 300, 200, Color.parseColor(“#E91E63”),

Color.parseColor(“#2196F3”), Shader.TileMode.CLAMP);

paint.setShader(shader);

canvas.drawCircle(300,300,200,paint);

前两个参数为圆心，第三个参数为半径，第一个颜色为辐射的中心颜色，第二个则为边缘颜色。效果如下：

在这里插入图片描述

3. SweepGradient 扫描渐变

大概是这样：

Shader shader = new SweepGradient(300, 300, 200, Color.parseColor(“#E91E63”),

Color.parseColor(“#2196F3”), Shader.TileMode.CLAMP);

paint.setShader(shader);

canvas.drawCircle(300, 300, 200, paint);

效果如下:

在这里插入图片描述

BitmapShader 就是将Bitmap的像素作为图形或者文字的填充

Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.batman);

Shader shader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

paint.setShader(shader);

canvas.drawCircle(300, 300, 200, paint);

在这里插入图片描述

没错从上面的效果可以看出使用drawCircle+BitmapShader 和 drawBitmap效果一样，但是这样可以绘制出圆形的bitmap，比如说头像。

ComposeShader 混合着色器

就是把两个Shader混在一起用

// 第一个 Shader：头像的 Bitmap

Bitmap bitmap1 = BitmapFactory.decodeResource(getResources(), R.drawable.batman);

Shader shader1 = new BitmapShader(bitmap1, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

// 第二个 Shader：从上到下的线性渐变（由透明到黑色）

Bitmap bitmap2 = BitmapFactory.decodeResource(getResources(), R.drawable.batman_logo);

Shader shader2 = new BitmapShader(bitmap2, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

// ComposeShader：结合两个 Shader

Shader shader = new ComposeShader(shader1, shader2, PorterDuff.Mode.SRC_OVER);

paint.setShader(shader);

canvas.drawCircle(300, 300, 300, paint);

PorterDuff.Mode.SRC_OVER:使用了两个bitmap进行叠加绘制。

PorterDuff.Mode是用来指定两个bitmap绘制时的颜色策略。它有17种绘制模式，而 SRC_OVER是最正常最常用的绘制策略。

别的模式可以参考官方文档：官方文档

1.2、setColorFilter(ColorFilter colorFilter)

为颜绘制设置颜色过滤，为绘制的内容建立一个统一的过滤策略，然后 Canvas的drawXXX()会对每个像素都进行过滤然后绘制出来。在paint中使用setColorFilter方法，ColorFilter并不能直接使用，而是要使用它的三个子类：LightingColorFilter PorterDuffColorFilter 和 ColorMatrixColorFilter。