Android图像处理技术（实现Android中的PS）（一）

声明：本系列博客系笔记类，观看慕课网的视频教程后写下的笔记，感谢这位前辈的分享：http://blog.csdn.net/eclipsexys

1. 图像分析之RGBA模型

R: Red G : Green B: Blue A : Alpha

色调/色相：物体传递的颜色

饱和度：颜色的饱和程度

亮度/明度：颜色的明暗程度

1.如何在程序中设置RGB：

//      设置色相
ColorMatrix matrix=new ColorMatrix();
matrix.setRotate(0, 30);  //0 代表 R
matrix.setRotate(1, 30);  //1 代表 G
matrix.setRotate(2, 30);  //2 代表 B
//      设置饱和度
matrix.setSaturation(30);
//      设置亮度
matrix.setScale(30, 30, 30, 30);

2.利用上面的知识自助制作一个PS小工具。

先上效果图:



下面我们来看看代码：

首先在MainActivity中定义一个点击时间，跳转到我们的第二个界面，第一个界面很简单，不说了，直接讲重点。

首先贴一下布局代码

<?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:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:orientation="vertical" >

<ImageView
android:id="@+id/imageView"
android:layout_width="200dp"
android:layout_height="200dp"
android:src="@drawable/photo"/>
<SeekBar
android:id="@+id/hueSeekBar"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
<SeekBar
android:id="@+id/saturationSeekBar"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
<SeekBar
android:id="@+id/lumSeekBar"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
</LinearLayout>

很简单，一个ImageView，三个SeekBar，分别控制图像的色相，饱和度，亮度。

然后我们来看Activity中的代码：

public class PrimarilyActivity extends Activity implements OnSeekBarChangeListener{

private ImageView imageView;
private SeekBar hueSeekBar,saturationSeekBar,lumSeekBar;
private static int MAX_VALUE=255;
private static int MID_VALUE=127;
private float mHue,msaturation,mlum;
private Bitmap bitmap;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.primarily);
bitmap=BitmapFactory.decodeResource (getResources(), R.drawable.photo);
imageView=(ImageView) findViewById(R.id.imageView);
imageView.setImageBitmap(bitmap);
hueSeekBar=(SeekBar) findViewById(R.id.hueSeekBar);
saturationSeekBar=(SeekBar) findViewById(R.id.saturationSeekBar);
lumSeekBar=(SeekBar) findViewById(R.id.lumSeekBar);
hueSeekBar.setOnSeekBarChangeListener(this);
saturationSeekBar.setOnSeekBarChangeListener(this);
lumSeekBar.setOnSeekBarChangeListener(this);
hueSeekBar.setMax(MAX_VALUE);
saturationSeekBar.setMax(MAX_VALUE);
lumSeekBar.setMax(MAX_VALUE);
hueSeekBar.setProgress(MID_VALUE);
saturationSeekBar.setProgress(MID_VALUE);
lumSeekBar.setProgress(MID_VALUE);
}

@Override
public void onProgressChanged(SeekBar seekBar, int progress,
boolean fromUser) {
switch (seekBar.getId()) {
case R.id.hueSeekBar:
//转化公式，看不懂先这样记着
mHue=(progress-MID_VALUE)*1.0F/MID_VALUE*180;
break;

case R.id.saturationSeekBar:
//转化公式，看不懂先这样记着
msaturation=progress*1.0F/MID_VALUE;
break;
case R.id.lumSeekBar:
//转化公式，看不懂先这样记着
mlum=progress*1.0F/MID_VALUE;
break;
}
imageView.setImageBitmap(ImageHelper.handleImage(bitmap, mHue, msaturation, mlum));
}

@Override
public void onStartTrackingTouch(SeekBar seekBar) {

}

@Override
public void onStopTrackingTouch(SeekBar seekBar) {

}
}

也很简单，上面一大堆变量声明和监听器绑定，只有一句话需要说一下，imageView.setImageBitmap(ImageHelper.handleImage(bitmap, mHue, msaturation, mlum));，这里是我们自己定义的一个工具类。它可以改变图片的RGBA，从而实现PS的效果。下面贴一下代码。

public class ImageHelper {

public static Bitmap handleImage(Bitmap bm,float hue,float saturation,float lum){
//确定图片的大小和格式。
Bitmap bmp=Bitmap.createBitmap(bm.getWidth(),bm.getHeight(),Bitmap.Config.ARGB_8888);
//      新建画布
Canvas canvas=new Canvas(bmp);
//      新建画笔
Paint paint=new Paint(Paint.ANTI_ALIAS_FLAG);
//      设置色相
ColorMatrix hueMatrix=new ColorMatrix();
hueMatrix.setRotate(0, hue);
hueMatrix.setRotate(1, hue);
hueMatrix.setRotate(2, hue);
//      设置饱和度
ColorMatrix saturationMatrix=new ColorMatrix();
saturationMatrix.setSaturation(saturation);
//      设置亮度
ColorMatrix lumMatrix=new ColorMatrix();
lumMatrix.setScale(lum, lum, lum, 1);
//      将三种效果进行融合
ColorMatrix imageMatrix=new ColorMatrix();
imageMatrix.postConcat(hueMatrix);
imageMatrix.postConcat(saturationMatrix);
imageMatrix.postConcat(lumMatrix);
//               绘制图片
paint.setColorFilter(new ColorMatrixColorFilter(imageMatrix));
canvas.drawBitmap(bm, 0,0, paint);
//将更改后的图片进行返回。
return bmp;
}
}

主要代码都贴出来了，也有了比较详细的注释。想必大家也可以轻松实现这个PS功能了吧。

最后：Demo地址：http://download.csdn.net/detail/nsgsbs/8526515