Paint之滤镜和颜色矩阵
请尊重原创，转载请注明出处【tianyl】的博客
前言
之前已经说了Paint绘制的一些api和Xfermode，关于Paint的内容，也只剩下滤镜了
滤镜的定义，可以看百度百科，这里就不重复了，Paint中对滤镜的使用，主要也就是透明度和颜色两个方面，而说到颜色，就不得不提一些颜色矩阵，下面就从这几个方面说起
- 注：本文中的示例代码使用kotlin编写
1 颜色矩阵
首先，在Android中颜色是通过一个数字矩阵进行表示的
（关于矩阵的定义可以查看百度百科）
例如，对于一个颜色用矩阵C表示，对这个颜色的处理方式用矩阵A表示，如下
根据矩阵的相乘，获得处理后的颜色矩阵如下：
所以
R1 = aR + bG + cB + dA + e;
G1 = fR + gG + hB + iA + j;
B1 = kR + lG + mB + nA + o;
A1 = pR + qG + rB + sA + t;
当a，g，m，s为1，其他值为0的时候，这个矩阵就是颜色的初始矩阵（经过这个矩阵处理后的颜色不会发生改变）
初始矩阵
e，j，o，t就是颜色RGBA的偏移量，a，g，m，s就是RGBA的系数，通过改变这几个值，就可以实现一些滤镜效果
2 BlurMaskFilter
Android直接提供了两个滤镜的效果类，分别是EmbossMaskFilter和BlurMaskFilter
BlurMaskFilter是Android中MaskFilter的一个子类，其中MaskFilter有两个子类
- EmbossMaskFilter：实现类似浮雕的效果
- BlurMaskFilter：实现模糊效果
由于EmbossMaskFilter使用较少，而且官方文档上显示已经废弃，所以这里略过，直接说说会用到的BlurMaskFilter
BlurMaskFilter的构造方法很简单
public BlurMaskFilter(float radius, Blur style)
radius是模糊半径，越大模糊范围越大
style是模糊风格，它是一个枚举，有四个值
- NORMAL：整个图像都被模糊掉
- SOLID：图像边界外产生一层与Paint颜色一致阴影效果，不影响图像的本身
- OUTER：图像边界外产生一层阴影，并且将图像变成透明效果
- INNER：在图像内部边沿产生模糊效果
它的使用方式如下
private fun init() {
//初始化
mPaint = Paint(Paint.ANTI_ALIAS_FLAG)
mPaint.color = Color.RED
bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.png1);
}
override fun onDraw(canvas: Canvas?) {
super.onDraw(canvas)
//不支持硬件加速所以关闭
setLayerType(View.LAYER_TYPE_SOFTWARE, mPaint)
//绘制
val rectF = RectF(100f, 100f, bitmap.width.toFloat()+100f, bitmap.height.toFloat()+100f)
mPaint.setColor(Color.RED)
mPaint.maskFilter = BlurMaskFilter(200f, BlurMaskFilter.Blur.NORMAL)
canvas?.drawBitmap(bitmap, null, rectF, mPaint);
}
具体效果如下
-
NORMAL
整个图像都被模糊掉，如上图左上方 -
SOLID
图像边界外产生一层与Paint颜色一致阴影效果，不影响图像的本身，如上图右上方 -
OUTER
图像边界外产生一层阴影，并且将图像变成透明效果，如上图左下方 -
INNER
在图像内部边沿产生模糊效果，如上图右下方
3 ColorMatrix
除了直接使用的滤镜效果，Android中还提供了颜色矩阵，可供我们自己实现自定义的效果
上文说Android中ARGB颜色是矩阵表示的，所以如果我们想对图像进行颜色处理，那么就可以通过颜色矩阵进行实现，具体的使用方式如下
var floats = floatArrayOf (
1f, 0f, 0f, 0f, 0f,
0f, 1f, 0f, 0f, 0f,
0f, 0f, 1f, 0f, 0f,
0f, 0f, 0f, 0.5f, 0f
)
var colorMartrix = ColorMatrix(floats)
val rectF2 = RectF(600f, 100f, 600f + bitmap.width, bitmap.height.toFloat())
mPaint?.colorFilter = ColorMatrixColorFilter(colorMartrix)
canvas?.drawBitmap(bitmap, null, rectF2, mPaint)
关于颜色矩阵已经在第一部分解释过了，所以这里不再展开，此处的颜色矩阵的作用是将改图的alpha值乘以0.5，即将图片变为半透明，效果如下（左方为原图，右方是处理后的图）
网友评论