android图像处理系列之三－－ 图片色调饱和度、色相、亮度处理

原图：

处理后：

下面贴代码：

一、图片处理层：

[java] view plain copy

1. package com.jacp.tone.view;
2. import java.util.ArrayList;
3. import android.content.Context;
4. import android.graphics.Bitmap;
5. import android.graphics.Canvas;
6. import android.graphics.ColorMatrix;
7. import android.graphics.ColorMatrixColorFilter;
8. import android.graphics.Paint;
9. import android.view.Gravity;
10. import android.view.View;
11. import android.widget.LinearLayout;
12. import android.widget.SeekBar;
13. import android.widget.SeekBar.OnSeekBarChangeListener;
14. import android.widget.TextView;
15. import com.jacp.tone.R;
16. /**
17. * 图片调色处理
18. * @author [email protected]
19. *
20. */
21. public class ToneLayer {
22. /**
23. * 饱和度标识
24. */
25. public static final int FLAG_SATURATION = 0x0;
26. /**
27. * 亮度标识
28. */
29. public static final int FLAG_LUM = 0x1;
30. /**
31. * 色相标识
32. */
33. public static final int FLAG_HUE = 0x2;
34. /**
35. * 饱和度
36. */
37. private TextView mSaturation;
38. private SeekBar mSaturationBar;
39. /**
40. * 色相
41. */
42. private TextView mHue;
43. private SeekBar mHueBar;
44. /**
45. * 亮度
46. */
47. private TextView mLum;
48. private SeekBar mLumBar;
49. private float mDensity;
50. private static final int TEXT_WIDTH = 50;
51. private LinearLayout mParent;
52. private ColorMatrix mLightnessMatrix;
53. private ColorMatrix mSaturationMatrix;
54. private ColorMatrix mHueMatrix;
55. private ColorMatrix mAllMatrix;
56. /**
57. * 亮度
58. */
59. private float mLumValue = 1F;
60. /**
61. * 饱和度
62. */
63. private float mSaturationValue = 0F;
64. /**
65. * 色相
66. */
67. private float mHueValue = 0F;
68. /**
69. * SeekBar的中间值
70. */
71. private static final int MIDDLE_VALUE = 127;
72. /**
73. * SeekBar的最大值
74. */
75. private static final int MAX_VALUE = 255;
76. private ArrayList<SeekBar> mSeekBars = new ArrayList<SeekBar>();
77. public ToneLayer(Context context) {
78. init(context);
79. }
80. private void init(Context context) {
81. mDensity = context.getResources().getDisplayMetrics().density;
82. mSaturation = new TextView(context);
83. mSaturation.setText(R.string.saturation);
84. mHue = new TextView(context);
85. mHue.setText(R.string.contrast);
86. mLum = new TextView(context);
87. mLum.setText(R.string.lightness);
88. mSaturationBar = new SeekBar(context);
89. mHueBar = new SeekBar(context);
90. mLumBar = new SeekBar(context);
91. mSeekBars.add(mSaturationBar);
92. mSeekBars.add(mHueBar);
93. mSeekBars.add(mLumBar);
94. for (int i = 0, size = mSeekBars.size(); i < size; i++) {
95. SeekBar seekBar = mSeekBars.get(i);
96. seekBar.setMax(MAX_VALUE);
97. seekBar.setProgress(MIDDLE_VALUE);
98. seekBar.setTag(i);
99. }
100. LinearLayout saturation = new LinearLayout(context);
101. saturation.setOrientation(LinearLayout.HORIZONTAL);
102. saturation.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
103. LinearLayout.LayoutParams txtLayoutparams = new LinearLayout.LayoutParams((int) (TEXT_WIDTH * mDensity), LinearLayout.LayoutParams.MATCH_PARENT);
104. mSaturation.setGravity(Gravity.CENTER);
105. saturation.addView(mSaturation, txtLayoutparams);
106. LinearLayout.LayoutParams seekLayoutparams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
107. saturation.addView(mSaturationBar, seekLayoutparams);
108. LinearLayout hue = new LinearLayout(context);
109. hue.setOrientation(LinearLayout.HORIZONTAL);
110. hue.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
111. mHue.setGravity(Gravity.CENTER);
112. hue.addView(mHue, txtLayoutparams);
113. hue.addView(mHueBar, seekLayoutparams);
114. LinearLayout lum = new LinearLayout(context);
115. lum.setOrientation(LinearLayout.HORIZONTAL);
116. lum.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
117. mLum.setGravity(Gravity.CENTER);
118. lum.addView(mLum, txtLayoutparams);
119. lum.addView(mLumBar, seekLayoutparams);
120. mParent = new LinearLayout(context);
121. mParent.setOrientation(LinearLayout.VERTICAL);
122. mParent.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
123. mParent.addView(saturation);
124. mParent.addView(hue);
125. mParent.addView(lum);
126. }
127. public View getParentView() {
128. return mParent;
129. }
130. /**
131. * 设置饱和度值
132. * @param saturation
133. */
134. public void setSaturation(int saturation) {
135. mSaturationValue = saturation * 1.0F / MIDDLE_VALUE;
136. }
137. /**
138. * 设置色相值
139. * @param hue
140. */
141. public void setHue(int hue) {
142. mHueValue = hue * 1.0F / MIDDLE_VALUE;
143. }
144. /**
145. * 设置亮度值
146. * @param lum
147. */
148. public void setLum(int lum) {
149. mLumValue = (lum - MIDDLE_VALUE) * 1.0F / MIDDLE_VALUE * 180;
150. }
151. public ArrayList<SeekBar> getSeekBars()
152. {
153. return mSeekBars;
154. }
155. /**
156. *
157. * @param flag
158. *            比特位0 表示是否改变色相，比位1表示是否改变饱和度,比特位2表示是否改变明亮度
159. */
160. public Bitmap handleImage(Bitmap bm, int flag) {
161. Bitmap bmp = Bitmap.createBitmap(bm.getWidth(), bm.getHeight(),
162. Bitmap.Config.ARGB_8888);
163. // 创建一个相同尺寸的可变的位图区,用于绘制调色后的图片
164. Canvas canvas = new Canvas(bmp); // 得到画笔对象
165. Paint paint = new Paint(); // 新建paint
166. paint.setAntiAlias(true); // 设置抗锯齿,也即是边缘做平滑处理
167. if (null == mAllMatrix) {
168. mAllMatrix = new ColorMatrix();
169. }
170. if (null == mLightnessMatrix) {
171. mLightnessMatrix = new ColorMatrix(); // 用于颜色变换的矩阵，android位图颜色变化处理主要是靠该对象完成
172. }
173. if (null == mSaturationMatrix) {
174. mSaturationMatrix = new ColorMatrix();
175. }
176. if (null == mHueMatrix) {
177. mHueMatrix = new ColorMatrix();
178. }
179. switch (flag) {
180. case FLAG_HUE: // 需要改变色相
181. mHueMatrix.reset();
182. mHueMatrix.setScale(mHueValue, mHueValue, mHueValue, 1); // 红、绿、蓝三分量按相同的比例,最后一个参数1表示透明度不做变化，此函数详细说明参考
183. // // android
184. // doc
185. break;
186. case FLAG_SATURATION: // 需要改变饱和度
187. // saturation 饱和度值，最小可设为0，此时对应的是灰度图(也就是俗话的“黑白图”)，
188. // 为1表示饱和度不变，设置大于1，就显示过饱和
189. mSaturationMatrix.reset();
190. mSaturationMatrix.setSaturation(mSaturationValue);
191. break;
192. case FLAG_LUM: // 亮度
193. // hueColor就是色轮旋转的角度,正值表示顺时针旋转，负值表示逆时针旋转
194. mLightnessMatrix.reset(); // 设为默认值
195. mLightnessMatrix.setRotate(0, mLumValue); // 控制让红色区在色轮上旋转的角度
196. mLightnessMatrix.setRotate(1, mLumValue); // 控制让绿红色区在色轮上旋转的角度
197. mLightnessMatrix.setRotate(2, mLumValue); // 控制让蓝色区在色轮上旋转的角度
198. // 这里相当于改变的是全图的色相
199. break;
200. }
201. mAllMatrix.reset();
202. mAllMatrix.postConcat(mHueMatrix);
203. mAllMatrix.postConcat(mSaturationMatrix); // 效果叠加
204. mAllMatrix.postConcat(mLightnessMatrix); // 效果叠加
205. paint.setColorFilter(new ColorMatrixColorFilter(mAllMatrix));// 设置颜色变换效果
206. canvas.drawBitmap(bm, 0, 0, paint); // 将颜色变化后的图片输出到新创建的位图区
207. // 返回新的位图，也即调色处理后的图片
208. return bmp;
209. }
210. }

二、主界面：

[java] view plain copy

1. package com.jacp.tone;
2. import java.util.ArrayList;
3. import android.app.Activity;
4. import android.graphics.Bitmap;
5. import android.graphics.BitmapFactory;
6. import android.os.Bundle;
7. import android.widget.ImageView;
8. import android.widget.LinearLayout;
9. import android.widget.SeekBar;
10. import android.widget.SeekBar.OnSeekBarChangeListener;
11. import com.jacp.tone.view.ToneLayer;
12. /**
13. * 启动的主界面
14. * @author [email protected]
15. *
16. */
17. public class ImageToneActivity extends Activity implements OnSeekBarChangeListener {
18. private ToneLayer mToneLayer;
19. private ImageView mImageView;
20. private Bitmap mBitmap;
21. @Override
22. public void onCreate(Bundle savedInstanceState) {
23. super.onCreate(savedInstanceState);
24. setContentView(R.layout.main);
25. init();
26. }
27. private void init()
28. {
29. mToneLayer = new ToneLayer(this);
30. mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.test);
31. mImageView = (ImageView) findViewById(R.id.img_view);
32. mImageView.setImageBitmap(mBitmap);
33. ((LinearLayout) findViewById(R.id.tone_view)).addView(mToneLayer.getParentView());
34. ArrayList<SeekBar> seekBars = mToneLayer.getSeekBars();
35. for (int i = 0, size = seekBars.size(); i < size; i++)
36. {
37. seekBars.get(i).setOnSeekBarChangeListener(this);
38. }
39. }
40. @Override
41. public void onProgressChanged(SeekBar seekBar, int progress,
42. boolean fromUser) {
43. int flag = (Integer) seekBar.getTag();
44. switch (flag)
45. {
46. case ToneLayer.FLAG_SATURATION:
47. mToneLayer.setSaturation(progress);
48. break;
49. case ToneLayer.FLAG_LUM:
50. mToneLayer.setLum(progress);
51. break;
52. case ToneLayer.FLAG_HUE:
53. mToneLayer.setHue(progress);
54. break;
55. }
56. mImageView.setImageBitmap(mToneLayer.handleImage(mBitmap, flag));
57. }
58. @Override
59. public void onStartTrackingTouch(SeekBar seekBar) {
60. }
61. @Override
62. public void onStopTrackingTouch(SeekBar seekBar) {
63. }
64. }

三、布局文件：

[java] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>
2. <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. >
6. <LinearLayout
7. android:layout_width="match_parent"
8. android:layout_height="match_parent"
9. android:orientation="vertical" >
10. <ImageView
11. android:layout_width="wrap_content"
12. android:layout_height="wrap_content"
13. android:layout_weight="1"
14. android:id="@+id/img_view"
15. android:layout_gravity="center"
16. />
17. <LinearLayout
18. android:layout_width="match_parent"
19. android:layout_height="wrap_content"
20. android:id="@+id/tone_view"
21. />
22. </LinearLayout>
23. </ScrollView>