饱和

饱和

关注
发信
关注(28)粉丝(399)

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

原图：

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

处理后：

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

下面贴代码：

一、图片处理层：

  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. }

二、主界面：

  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. }

三、布局文件：

    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>
04-30 02:36
Powered by LMLPHP ©2024 饱和 0.088844