1.2.5_使用Paint实现滤镜效果

我不是女神ヾ 2023-10-18 16:21 73阅读 0赞

先来看下原图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70]

#### LightingColorFilter ####

R`= R * mul.R / 0xff + add.R  
    G`= G * mul.G / 0xff + add.G  
    B`= B * mul.B / 0xff + add.B  
    
    //将红色去除掉 new LightingColorFilter(0x00FFFF, 0x000000)
    //将绿色去除掉 new LightingColorFilter(0xFF00FF, 0x000000)
    //原始图片 new LightingColorFilter(0xFFFFFF, 0x000000);
    //绿色更亮 new LightingColorFilter(0xFFFFFF, 0x003000);
    LightingColorFilter lighting = new LightingColorFilter(0xFFFFFF, 0x003000);
    mPaint.setColorFilter(lighting);
    canvas.drawBitmap(mBitmap, 0, 0, mPaint);

效果示意  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70 1]

#### PorterDuffColorFilter ####

将一个颜色和图层进行混合  
比如，使图片添加红色并且更暗

PorterDuffColorFilter porterDuffColorFilter = new PorterDuffColorFilter(Color.RED, PorterDuff.Mode.DARKEN);
    mPaint.setColorFilter(porterDuffColorFilter);  
    canvas.drawBitmap(mBitmap, 0, 0, mPaint);

效果示意  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70 2]

#### ColorMatrixColorFilter ####

色彩矩阵

在Android中，系统使用一个颜色矩阵ColorMatrix，来处理图像的这些色彩效果。Android中的颜色矩阵是一个4*5的数字矩阵，它用来对图片的色彩进行处理。而对于每个像素点，都有一个颜色分量矩阵来保存颜色的RGBA值，如图所示:  
![在这里插入图片描述][20190329090831942.png]  
图中矩阵M就是一个4*5的颜色矩阵。在Android中，它会以一维数组的形式来存储，而C则是一个颜色矩阵分量。在处理图像时，使用矩阵乘法运算MC来处理颜色分量矩阵：  
![在这里插入图片描述][20190329090853403.png]  
根据线性代数中的矩阵乘法运算法则，我们可以发现，颜色矩阵是按一下方式划分的

*  第一行的abcde值用来决定新的颜色值中的R——红色
 *  第二行的fghij值用来决定新的颜色值中的G——绿色
 *  第三行的klmno值用来决定新的颜色值中的B——蓝色
 *  第四行的pqrst值用来决定新的颜色值中的A——透明度
 *  矩阵M中的第五列——ejot值分别用来决定每个分量中的offset，即偏移量

详见 [Android色彩矩阵处理图像][Android]

我们来尝试一下

泛黄效果

float colormatrix_huan_huang[] = {
        1.0f, 0.0f, 0.0f, 0.0f, 0.0f,
        0.0f, 1.0f, 0.0f, 0.0f, 0.0f,
        0.0f, 0.0f, 0.5f, 0.0f, 0.0f,
        0, 0, 0, 1.0f, 0
    };

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70 3]  
也可以使用如下这些内部使用色彩矩阵实现的API

亮度调节

ColorMatrix cm = new ColorMatrix();
    cm.setScale(1,1,1,1);  
    mPaint.setColorFilter(colorMatrixColorFilter);

饱和度调节 0-无色彩 1-默认效果 >1饱和度加强

ColorMatrix cm = new ColorMatrix();
    cm.setSaturation(2);
    mPaint.setColorFilter(colorMatrixColorFilter);

色度调节  
0:修改红色 1:修改绿色 2:修改蓝色

ColorMatrix cm = new ColorMatrix();
    cm.setRotate(0,45);  
    mPaint.setColorFilter(colorMatrixColorFilter);

以饱和度调节为例，传入参数2，可以看到饱和度明显提升  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70 4]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190329090153446.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20190329090240706.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20190329090441664.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28=,size_16,color_FFFFFF,t_70
[20190329090831942.png]: https://img-blog.csdnimg.cn/20190329090831942.png
[20190329090853403.png]: https://img-blog.csdnimg.cn/20190329090853403.png
[Android]: https://blog.csdn.net/seven_forjob/article/details/51777063
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20190329091156130.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20190329091530807.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28=,size_16,color_FFFFFF,t_70