Android中ColorFilter滤色器的使用

前言：

ColorFilter滤色器是主要通过Paint画笔进行像素颜色的处理。

A color filter can be used with a Paint to modify the color
 of each pixel drawn with that paint.This is an abstract 
 class that should never be used directly.

从上面的英文解释中可以看到，这个类不能被直接使用。那么既然不能直接使用，肯定有它对应的实现类。

从上图可以看出，它有三个实现类:

ColorMatrixColorFilter,LightingColorFilter,PorterDuffColorFilter

我们接下来就详细分析一下这三个实现类。

ColorMatrixColorFilter

A color filter that transforms colors through a 4x5 color matrix. This filter can be used to change the saturation of pixels, convert from YUV to RGB, etc.

1. 上面大致意思是：这个类主要是通过一个4*5的矩阵进行颜色的变换处理，也可以改变像素的饱和度，把YUV变换成RGB等等。

2. 接下来就要看一下怎样使用它，说起使用肯定是需要看怎样构造他。

*ColorMatrixColorFilter(ColorMatrix matrix)*
Create a color filter that transforms colors through a 4x5 color matrix.

*ColorMatrixColorFilter(float[] array)*
Create a color filter that transforms colors through a 4x5 color matrix.

从构造方法中可以看出，他需要一个ColorMatrix对象的支持，这个类实际上就是我们上面说的4*5的矩阵，进行颜色处理的类；那么我们来分析一下ColorMatrix。

ColorMatrix colorMatrix = new ColorMatrix(new float[]{  
                1, 0, 0, 0, 0,  // 红色向量
                0, 1, 0, 0, 0,  // 绿色向量
                0, 0, 1, 0, 0,  // 蓝色向量
                0, 0, 0, 1, 0,  // 透明度向量
        }); 

3.其中，第一行表示的R（红色）的向量，第二行表示的G（绿色）的向量，第三行表示的B（蓝色）的向量，最后一行表示A（透明度）的向量，这一顺序必须要正确不能调换！其中最后一列为颜色的偏移量，第一行偏移量增加就是偏移向红色，第二行偏移向绿色。
4.通过ColorMatrix矩阵进行RGBA颜色变化的本质就是通过矩阵数值的变化。也就是上述矩阵4个1的地方的范围都是0.0F-2.0F之间，1代表和原图一样的颜色。
5. 从下面这个例子中看一下ColorMatrixColorFilter的用法：

    private Paint mPaint;
    private Bitmap mBitmap;

    private final static float[] matrix = new float[] {
            0.5f, 0, 0, 0, 0,
            0, 0.5f, 0, 0, 0,
            0, 0, 0.5f, 0, 0,
            0, 0, 0, 1, 0 };

public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
       super(context, attrs, defStyleAttr);
       mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
       mBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.timg);
    }


    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);

        canvas.drawBitmap(mBitmap,50, 20, mPaint);

        // 使用矩阵颜色变浅50%
        mPaint.setColorFilter(new ColorMatrixColorFilter(matrix));

        canvas.drawBitmap(mBitmap, 50, 250, mPaint);

    }

通过上面的例子我们发现能通过矩阵进行颜色的变换。可能有人会问怎样进行平移旋转或者缩放呢，这个是通过Matrix进行变化的，篇幅所限，后续会另开一篇进行讲解，这个ColorFilter只是进行颜色的处理。

LightingColorFilter

LightingColorFilter是上面ColorMatrixColorFilter的一个简化版本，构造函数也比较简单：

LightingColorFilter(int mul, int add) 

-- mul代表multiply,也就是乘法 
-- add代表加法，也就是颜色偏移量

使用方法如下：

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

canvas.drawBitmap(bitmap, 100, 0, paint);

LightingColorFilter filter = new LightingColorFilter(0x888888, 0x000000);
paint.setColorFilter(filter);
canvas.drawBitmap(bitmap, 100, 500, paint);

LightingColorFilter filter2 = new LightingColorFilter(0x888888, 0x555555);
paint.setColorFilter(filter2);
canvas.drawBitmap(bitmap, 100, 1000, paint);

看第二张图片的ColorFilter构造new LightingColorFilter(0x888888, 0x000000);
其中mul为0x888888，那么RGB通道对应的mul值都为88，add为0x000000则对应的偏移量都为0。第二张图变暗了，基本可以看出计算方法。
color = color*mul／２５５+add (计算结果大于等于255都指定为255)
其中color可以为RGB三种通道中的一种，mul和add分别为通道对应的值。假设R通道的值就为
R=R*0x88/0xff+0
0x88/0xff肯定是小于1的，所以颜色变暗了。
第三张图的mul值和第二张相同，但是由于第三张图的add值比较大，所以反而比第一张图还亮。

PorterDuffColorFilter

PorterDuffColorFilter(int srcColor, PorterDuff.Mode mode) 

srcColor源颜色， mode是色彩的混合模式，这里的混合模式我们不作详细讲解，想要了解可以自己查看，这里简单看一个示例。

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

canvas.drawBitmap(bitmap, 100, 0, paint);

PorterDuffColorFilter filter = new PorterDuffColorFilter(Color.BLUE, PorterDuff.Mode.MULTIPLY);
paint.setColorFilter(filter);
canvas.drawBitmap(bitmap, 100, 500, paint);

效果如下：

这里PorterDuffColorFilter的两个参数分别是Color.BLUE以及PorterDuff.Mode.MULTIPLY；

先不要纠结PorterDuff.Mode.MULTIPLY的含义，这里主要是将Color.BLUE提供的蓝色和原图进行一定的合并运算。就得到了上面的效果，那么传入不同PorterDuff.Mode值就能得到不同的效果。

总结

我们平时使用主要是第一种和第二种，所以第三种不做详细讲解，第三种PorterDuffColorFilter其实就是把图片和定义的颜色通过算法进行合并。

参考博客
1. http://blog.csdn.net/cquwentao/article/details/51396466
2. http://www.cnblogs.com/tianzhijiexian/p/4297104.html