Paint的用法_二

Paint的用法_二

ColorFilter的基础用法

官方文档关于ColorFilter的介绍是，这个类可以被用于修改被Paint画出的每一个像素的颜色。并且ColorFilter是一个虚类，不能被直接使用，那么我们就看看它有哪些子类

ColorMatrixColorFilter

我们先来介绍第一个子类 ColorMatrixColorFilter，这个类是通过ColorMatrix来管理颜色的矩阵变换的，一个像素是有ARGB是个颜色通道的值构成的。显示这些图片，首先要把这些值加载到内存中，修改像素值，需要一个4*5的ColorMatrix，我们在代码中修改这个float类型的矩阵，先来个例子，然后再慢慢解释。

上代码：

//先画一张没有设置颜色矩阵的原图
mPaint.setColorFilter(null);
canvas.drawBitmap(mBitmap, null, mRect, mPaint);
//色彩增强
ColorMatrix matrix = new ColorMatrix(new float[]{
        1.2f, 0, 0, 0, 0,
        0, 1.2f, 0, 0, 0,
        0, 0, 1.2f, 0, 0,
        0, 0, 0, 1f, 0
});
mPaint.setColorFilter(new ColorMatrixColorFilter(matrix));
canvas.translate(0, 400);
canvas.drawBitmap(mBitmap, null, mRect, mPaint);

上个图：

paint_2_colormartix_1.png

可从上面的图片对比可以看的出来，下面的图片的色彩比上面的更鲜艳，那么下面的每个像素点的值是怎么通过矩阵的运算得到的呢？这是我们的4*5的矩阵
[ a, b, c, d, e,                [r
  f, g, h, i, j,                 g
  k, l, m, n, o,        *        b
  p, q, r, s, t ]                a]
那么我们得到的颜色值为
    R’ = a*R + b*G + c*B + d*A + e;
    G’ = f*R + g*G + h*B + i*A + j;
    B’ = k*R + l*G + m*B + n*A + o;
    A’ = p*R + q*G + r*B + s*A + t;
    根据这个公式，我们能够得到上面的矩阵计算，我们是分别把像素的RGB的值，全部乘以1.2，所以得到的是色彩的增强。

再来个反相变换，反相变换就是把相应的颜色值取反，就是拿255减去现在的值，根据这个结果，我们得到矩阵就是：

//全部取成相反的值，就是拿255减去现在的值
//        ColorMatrix matrix = new ColorMatrix(new float[]{
//                -1f, 0, 0, 0, 255,
//                0, -1f, 0, 0, 255,
//                0, 0, -1f, 0, 255,
//                0, 0, 0, 1f, 0
//        });

得到的图片是

paint_2_colormatrix_2.png

再来张黑白照，代码：

ColorMatrix matrix = new ColorMatrix(new float[]{
                0.213f, 0.715f, 0.072f, 0, 0,
                0.213f, 0.715f, 0.072f, 0, 0,
                0.213f, 0.715f, 0.072f, 0, 0,
                0, 0, 0, 1f, 0
        });

黑白照：

paint_2_colormatrix_3.png

来张复古照片：

ColorMatrix matrix = new ColorMatrix(new float[]{
                1 / 2f, 1 / 2f, 1 / 2f, 0, 0,
                1 / 3f, 1 / 3f, 1 / 3f, 0, 0,
                1 / 4f, 1 / 4f, 1 / 4f, 0, 0,
                0, 0, 0, 1f, 0,
        });

paint_2_colormatrix_4.png

好了，ColorMatrix的矩阵变换就到这吧，继续看看其他的API。

setScale(float rScale, float gScale, float bScale, float aScale)
rScale:就是我们那个4*5矩阵的变换的R的值
其他的参数都类似，那么设置了这个函数后，其实我们得到的ColorMatrix是
[rScale,0,0,0,0
    0,gScale,0,0,0
    0,0,bScale,0,0
    0,0,0,aScale,0]

setSaturation (float sat);//设置色彩的饱和度
setRotate(int axis, float degrees);//设置色彩的旋转
axis:是围绕那个色彩轴旋转，一共有RGB三个轴，0代表R轴，1代表G轴，2代表B轴
degrees:是围绕这个轴旋转的角度

上代码：

ColorMatrix matrix = new ColorMatrix();
matrix.setRotate(0,120);

paint_2_colormatrix_5.png

LightingColorFilter

LightingColorFilter的构造函数是由两个参数构成LightingColorFilter(int mul, int add),
这个类就是提供一种相对简单的方式来操作颜色矩阵的变换其中，mul和add的意义可以有
下面的公式得到：
R' = R * colorMultiply.R + colorAdd.R
G' = G * colorMultiply.G + colorAdd.G
B' = B * colorMultiply.B + colorAdd.B

代码如下：

LightingColorFilter colorFilter = new LightingColorFilter(0xffffff,0xff00ff);
mPaint.setColorFilter(colorFilter);
canvas.translate(0, 400);
canvas.drawBitmap(mBitmap, null, mRect, mPaint);

paint_2_colormatrix_6.png

PorterDuffColorFilter

关于PoterDuffColorFilter这个类，要学习这个类，必须要了解他的

paint_2_colormatrix_7.png
paint_2_colormatrix_8.png