修改图片颜色色相饱和度亮度 ColorMatrix

Android开发中经常会遇到一些简单的图片处理，比如修改图片的颜色，饱和度，亮度等。今天就给大家介绍一下简单的图片处理。

基础知识

颜色的三要素

色调(色相/颜色)：物体的颜色；
饱和度（彩度）：色彩的鲜艳度。颜色的纯度：0（灰）~100%（饱和）；
亮度(明度)：眼睛对光源和物体表面的明暗程度的感觉，主要是由光线强弱决定的一种视觉经验。

ARGB模型

A:alpha，透明度；
R：red，红色；
G：green，绿色；
B：blue，蓝色；

屏幕是由一定的像素点组合而成的，比如1920*1080，而每一个像素点都是由argb模型组合成的。

代码

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><ImageView
        android:layout_margin="10dp"android:id="@+id/imageView"android:layout_width="match_parent"android:layout_height="200dp" /><SeekBar
        android:id="@+id/seekBarHue"android:layout_width="match_parent"android:layout_height="wrap_content" /><SeekBar
        android:layout_marginTop="10dp"android:layout_marginBottom="10dp"android:id="@+id/seekBarSaturation"android:layout_width="match_parent"android:layout_height="wrap_content" /><SeekBar
        android:id="@+id/seekBarLum"android:layout_width="match_parent"android:layout_height="wrap_content" />
</LinearLayout>

2.PrimaryColorActivity

public class PrimaryColorActivity extends Activity implements SeekBar.OnSeekBarChangeListener {private ImageView imageView;//修改色相private SeekBar seekBarHue;//修改饱和度private SeekBar seekBarSaturation;//修改亮度private SeekBar seekBarLum;//seekbar最大值private static final int MAX_VALUE = 255;//seekbar中间值 起始值private static final int MID_VALUE = 127;//当前图片的色相，饱和度，亮度private float mHue, mSaturation, mLum;//显示的图片private Bitmap bitmap;@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_color_primary);bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.baikal1);imageView = (ImageView) findViewById(R.id.imageView);seekBarHue = (SeekBar) findViewById(R.id.seekBarHue);seekBarSaturation = (SeekBar) findViewById(R.id.seekBarSaturation);seekBarLum = (SeekBar) findViewById(R.id.seekBarLum);seekBarHue.setOnSeekBarChangeListener(this);seekBarSaturation.setOnSeekBarChangeListener(this);seekBarLum.setOnSeekBarChangeListener(this);seekBarHue.setMax(MAX_VALUE);seekBarSaturation.setMax(MAX_VALUE);seekBarLum.setMax(MAX_VALUE);seekBarHue.setProgress(MID_VALUE);seekBarSaturation.setProgress(MID_VALUE);seekBarLum.setProgress(MID_VALUE);imageView.setImageBitmap(bitmap);}//mHue, mSaturation, mLum的计算公式为经验公式   不是固定的@Overridepublic void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {switch (seekBar.getId()) {case R.id.seekBarHue:mHue = (progress - MID_VALUE) * 1.0f / MID_VALUE * 180;break;case R.id.seekBarSaturation://饱和度取值 0 - 2mSaturation = progress * 1.0f / MID_VALUE;break;case R.id.seekBarLum://亮度取值 0 - 2mLum = progress * 1.0f / MID_VALUE;break;}imageView.setImageBitmap(ImageHelper.handleImageEffect(bitmap, mHue, mSaturation, mLum));}@Overridepublic void onStartTrackingTouch(SeekBar seekBar) {}@Overridepublic void onStopTrackingTouch(SeekBar seekBar) {}
}

3.ImageHelper

public class ImageHelper {/*** 色相* 饱和度* 亮度*/public static Bitmap handleImageEffect(Bitmap bitmap, float hue, float saturation, float lum) {//传进来的bitmap默认不能修改  所以再创建一个bmBitmap bm = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);//画布Canvas canvas = new Canvas(bm);//抗锯齿Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);//颜色矩阵ColorMatrix hueMatrix = new ColorMatrix();//修改色相   0 red 1 green 2 bluehueMatrix.setRotate(0, hue);hueMatrix.setRotate(1, hue);hueMatrix.setRotate(2, hue);//修改饱和度ColorMatrix saturationMatrix = new ColorMatrix();saturationMatrix.setSaturation(saturation);//修改亮度ColorMatrix lumMatrix = new ColorMatrix();//r g b a    1 表示全不透明lumMatrix.setScale(lum, lum, lum, 1);//组合MatrixColorMatrix imageMatrix = new ColorMatrix();imageMatrix.postConcat(hueMatrix);imageMatrix.postConcat(saturationMatrix);imageMatrix.postConcat(lumMatrix);//为画笔设置颜色过滤器paint.setColorFilter(new ColorMatrixColorFilter(imageMatrix));//在canvas上照着bitmap画canvas.drawBitmap(bitmap, 0, 0, paint);return bm;}
}

现在将程序运行，移动seekbar，应该就可以看到效果了。
总结：图片处理其实就是利用ColorMatrix对每一个像素点的处理，对于ColorMatrix，我会单独写一个博客继续讲解的，谢谢大家！

修改图片颜色色相饱和度亮度 ColorMatrix相关推荐

PHP HSV色相饱和度亮度增强
PHP HSV色相饱和度亮度增强在开始之前我们先了解一下什么是HSV HSV 是颜色模型色调H 用角度度量,取值范围为0°-360°,从红色开始按逆时针方向计算,红色为0°,绿色为120°, ...
html修改img图片颜色,教你如何用CSS修改图片颜色
原标题:教你如何用CSS修改图片颜色看到题目是不是吓了一跳?css竟然还有这个操作?还真是第一次听说~ 原理嘛,其实很简单的,用到的就是 CSS3 滤镜filter中的drop-shadow,该滤镜 ...
JTOPO 修改图片颜色
其实JTOTO中报警的处理是通过设置:alarm.alarmColor和setImage(url)来实现的. alarm属性不为null表示有节点报警: alarmColor属性设置报警时图片的颜色. ...
PS CC 2015 修改图片颜色和大小
为什么修改图片颜色? [预期:]设计师给的设计稿两种颜色的图片,图片尺寸要求是48x48像素,一张绿色,一张白色. [实际]绿色图片符合要求,白色图片是40x40像素,偏小.测试妹子不干了!!! [解 ...
iOS 修改图片颜色
iOS小菜一碟:1:用代码修改图片颜色首先需要是Xcode的assets里面的图片选中图片 DraggedImage-1.png 在属性面板里可以看到Render As,选择Template Im ...
android 修改png颜色,安卓修改图片颜色
//主要用到ColorMatrix.如果只是想要设置灰色 setSaturation(0) ImageView logo = findViewById(R.id.logo); ColorMatrix ...
【python-小工具-3】抠图-透明化背景-修改图片颜色
1.图片处理-修改颜色有时候有种困扰!把网上的截屏,或者一般图片拖到PPT或者其他文档里面去,会有一个明显的白底框框. 放进PPT里面也太丑了点,干脆把图片的白底给弄透明,可就为这下个PS,不符合程 ...
技巧分享：如何利用CSS属性修改图片颜色？
熟悉前端开发的小伙伴肯定有遇到过这种情况,那就是需要给一个图标或者图片增加一个移动变色等属性,传统做法就是再添加一个颜色的图片文件替换,那么有没有可能直接利用css属性来变更颜色呢? 其实是可以实现的 ...
python实现批量修改图片颜色
原本图片有两个颜色,但是颜色太接近了,看不清楚,所以使用以下程序把所有灰色转换成白色,看的更清晰. import os from PIL import Image# 源目录 MyPath = 'D:/ ...

修改图片颜色色相饱和度亮度 ColorMatrix

基础知识

颜色的三要素

ARGB模型

代码

修改图片颜色色相饱和度亮度 ColorMatrix相关推荐

最新文章

热门文章

修改图片颜色 色相 饱和度 亮度 ColorMatrix

基础知识

颜色的三要素

ARGB模型

代码

修改图片颜色 色相 饱和度 亮度 ColorMatrix相关推荐

最新文章

热门文章

修改图片颜色色相饱和度亮度 ColorMatrix

修改图片颜色色相饱和度亮度 ColorMatrix相关推荐