`
445822357
  • 浏览: 744125 次
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

转自：http://blog.csdn.net/luohai859/article/details/25388441

原图：


处理后：


下面贴代码：

一、图片处理层：

[java]view plaincopy
  1. packagecom.jacp.tone.view;
  3. importjava.util.ArrayList;
  5. importandroid.content.Context;
  6. importandroid.graphics.Bitmap;
  7. importandroid.graphics.Canvas;
  8. importandroid.graphics.ColorMatrix;
  9. importandroid.graphics.ColorMatrixColorFilter;
  10. importandroid.graphics.Paint;
  11. importandroid.view.Gravity;
  12. importandroid.view.View;
  13. importandroid.widget.LinearLayout;
  14. importandroid.widget.SeekBar;
  15. importandroid.widget.SeekBar.OnSeekBarChangeListener;
  16. importandroid.widget.TextView;
  18. importcom.jacp.tone.R;
  20. /**
  21. *图片调色处理
  22. *@authormaylian7700@126.com
  23. *
  24. */
  25. publicclassToneLayer{
  27. /**
  28. *饱和度标识
  29. */
  30. publicstaticfinalintFLAG_SATURATION=0x0;
  32. /**
  33. *亮度标识
  34. */
  35. publicstaticfinalintFLAG_LUM=0x1;
  37. /**
  38. *色相标识
  39. */
  40. publicstaticfinalintFLAG_HUE=0x2;
  42. /**
  43. *饱和度
  44. */
  45. privateTextViewmSaturation;
  46. privateSeekBarmSaturationBar;
  48. /**
  49. *色相
  50. */
  51. privateTextViewmHue;
  52. privateSeekBarmHueBar;
  54. /**
  55. *亮度
  56. */
  57. privateTextViewmLum;
  58. privateSeekBarmLumBar;
  60. privatefloatmDensity;
  61. privatestaticfinalintTEXT_WIDTH=50;
  63. privateLinearLayoutmParent;
  65. privateColorMatrixmLightnessMatrix;
  66. privateColorMatrixmSaturationMatrix;
  67. privateColorMatrixmHueMatrix;
  68. privateColorMatrixmAllMatrix;
  70. /**
  71. *亮度
  72. */
  73. privatefloatmLumValue=1F;
  75. /**
  76. *饱和度
  77. */
  78. privatefloatmSaturationValue=0F;
  80. /**
  81. *色相
  82. */
  83. privatefloatmHueValue=0F;
  85. /**
  86. *SeekBar的中间值
  87. */
  88. privatestaticfinalintMIDDLE_VALUE=127;
  90. /**
  91. *SeekBar的最大值
  92. */
  93. privatestaticfinalintMAX_VALUE=255;
  95. privateArrayList<SeekBar>mSeekBars=newArrayList<SeekBar>();
  97. publicToneLayer(Contextcontext){
  98. init(context);
  99. }
  101. privatevoidinit(Contextcontext){
  102. mDensity=context.getResources().getDisplayMetrics().density;
  104. mSaturation=newTextView(context);
  105. mSaturation.setText(R.string.saturation);
  106. mHue=newTextView(context);
  107. mHue.setText(R.string.contrast);
  108. mLum=newTextView(context);
  109. mLum.setText(R.string.lightness);
  111. mSaturationBar=newSeekBar(context);
  112. mHueBar=newSeekBar(context);
  113. mLumBar=newSeekBar(context);
  115. mSeekBars.add(mSaturationBar);
  116. mSeekBars.add(mHueBar);
  117. mSeekBars.add(mLumBar);
  119. for(inti=0,size=mSeekBars.size();i<size;i++){
  120. SeekBarseekBar=mSeekBars.get(i);
  121. seekBar.setMax(MAX_VALUE);
  122. seekBar.setProgress(MIDDLE_VALUE);
  123. seekBar.setTag(i);
  124. }
  126. LinearLayoutsaturation=newLinearLayout(context);
  127. saturation.setOrientation(LinearLayout.HORIZONTAL);
  128. saturation.setLayoutParams(newLinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT));
  130. LinearLayout.LayoutParamstxtLayoutparams=newLinearLayout.LayoutParams((int)(TEXT_WIDTH*mDensity),LinearLayout.LayoutParams.MATCH_PARENT);
  131. mSaturation.setGravity(Gravity.CENTER);
  132. saturation.addView(mSaturation,txtLayoutparams);
  134. LinearLayout.LayoutParamsseekLayoutparams=newLinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT);
  135. saturation.addView(mSaturationBar,seekLayoutparams);
  137. LinearLayouthue=newLinearLayout(context);
  138. hue.setOrientation(LinearLayout.HORIZONTAL);
  139. hue.setLayoutParams(newLinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT));
  141. mHue.setGravity(Gravity.CENTER);
  142. hue.addView(mHue,txtLayoutparams);
  143. hue.addView(mHueBar,seekLayoutparams);
  145. LinearLayoutlum=newLinearLayout(context);
  146. lum.setOrientation(LinearLayout.HORIZONTAL);
  147. lum.setLayoutParams(newLinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT));
  149. mLum.setGravity(Gravity.CENTER);
  150. lum.addView(mLum,txtLayoutparams);
  151. lum.addView(mLumBar,seekLayoutparams);
  153. mParent=newLinearLayout(context);
  154. mParent.setOrientation(LinearLayout.VERTICAL);
  155. mParent.setLayoutParams(newLinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT));
  156. mParent.addView(saturation);
  157. mParent.addView(hue);
  158. mParent.addView(lum);
  159. }
  161. publicViewgetParentView(){
  162. returnmParent;
  163. }
  165. /**
  166. *设置饱和度值
  167. *@paramsaturation
  168. */
  169. publicvoidsetSaturation(intsaturation){
  170. mSaturationValue=saturation*1.0F/MIDDLE_VALUE;
  171. }
  173. /**
  174. *设置色相值
  175. *@paramhue
  176. */
  177. publicvoidsetHue(inthue){
  178. mHueValue=hue*1.0F/MIDDLE_VALUE;
  179. }
  181. /**
  182. *设置亮度值
  183. *@paramlum
  184. */
  185. publicvoidsetLum(intlum){
  186. mLumValue=(lum-MIDDLE_VALUE)*1.0F/MIDDLE_VALUE*180;
  187. }
  189. publicArrayList<SeekBar>getSeekBars()
  190. {
  191. returnmSeekBars;
  192. }
  194. /**
  195. *
  196. *@paramflag
  197. *比特位0表示是否改变色相，比位1表示是否改变饱和度,比特位2表示是否改变明亮度
  198. */
  199. publicBitmaphandleImage(Bitmapbm,intflag){
  200. Bitmapbmp=Bitmap.createBitmap(bm.getWidth(),bm.getHeight(),
  201. Bitmap.Config.ARGB_8888);
  202. //创建一个相同尺寸的可变的位图区,用于绘制调色后的图片
  203. Canvascanvas=newCanvas(bmp);//得到画笔对象
  204. Paintpaint=newPaint();//新建paint
  205. paint.setAntiAlias(true);//设置抗锯齿,也即是边缘做平滑处理
  206. if(null==mAllMatrix){
  207. mAllMatrix=newColorMatrix();
  208. }
  210. if(null==mLightnessMatrix){
  211. mLightnessMatrix=newColorMatrix();//用于颜色变换的矩阵，android位图颜色变化处理主要是靠该对象完成
  212. }
  214. if(null==mSaturationMatrix){
  215. mSaturationMatrix=newColorMatrix();
  216. }
  218. if(null==mHueMatrix){
  219. mHueMatrix=newColorMatrix();
  220. }
  222. switch(flag){
  223. caseFLAG_HUE://需要改变色相
  224. mHueMatrix.reset();
  225. mHueMatrix.setScale(mHueValue,mHueValue,mHueValue,1);//红、绿、蓝三分量按相同的比例,最后一个参数1表示透明度不做变化，此函数详细说明参考
  226. ////android
  227. //doc
  228. break;
  229. caseFLAG_SATURATION://需要改变饱和度
  230. //saturation饱和度值，最小可设为0，此时对应的是灰度图(也就是俗话的“黑白图”)，
  231. //为1表示饱和度不变，设置大于1，就显示过饱和
  232. mSaturationMatrix.reset();
  233. mSaturationMatrix.setSaturation(mSaturationValue);
  234. break;
  235. caseFLAG_LUM://亮度
  236. //hueColor就是色轮旋转的角度,正值表示顺时针旋转，负值表示逆时针旋转
  237. mLightnessMatrix.reset();//设为默认值
  238. mLightnessMatrix.setRotate(0,mLumValue);//控制让红色区在色轮上旋转的角度
  239. mLightnessMatrix.setRotate(1,mLumValue);//控制让绿红色区在色轮上旋转的角度
  240. mLightnessMatrix.setRotate(2,mLumValue);//控制让蓝色区在色轮上旋转的角度
  241. //这里相当于改变的是全图的色相
  242. break;
  243. }
  244. mAllMatrix.reset();
  245. mAllMatrix.postConcat(mHueMatrix);
  246. mAllMatrix.postConcat(mSaturationMatrix);//效果叠加
  247. mAllMatrix.postConcat(mLightnessMatrix);//效果叠加
  249. paint.setColorFilter(newColorMatrixColorFilter(mAllMatrix));//设置颜色变换效果
  250. canvas.drawBitmap(bm,0,0,paint);//将颜色变化后的图片输出到新创建的位图区
  251. //返回新的位图，也即调色处理后的图片
  252. returnbmp;
  253. }
  255. }


二、主界面：

[java]view plaincopy
  1. packagecom.jacp.tone;
  3. importjava.util.ArrayList;
  5. importandroid.app.Activity;
  6. importandroid.graphics.Bitmap;
  7. importandroid.graphics.BitmapFactory;
  8. importandroid.os.Bundle;
  9. importandroid.widget.ImageView;
  10. importandroid.widget.LinearLayout;
  11. importandroid.widget.SeekBar;
  12. importandroid.widget.SeekBar.OnSeekBarChangeListener;
  14. importcom.jacp.tone.view.ToneLayer;
  16. /**
  17. *启动的主界面
  18. *@authormaylian7700@126.com
  19. *
  20. */
  21. publicclassImageToneActivityextendsActivityimplementsOnSeekBarChangeListener{
  22. privateToneLayermToneLayer;
  23. privateImageViewmImageView;
  24. privateBitmapmBitmap;
  26. @Override
  27. publicvoidonCreate(BundlesavedInstanceState){
  28. super.onCreate(savedInstanceState);
  29. setContentView(R.layout.main);
  31. init();
  32. }
  34. privatevoidinit()
  35. {
  36. mToneLayer=newToneLayer(this);
  38. mBitmap=BitmapFactory.decodeResource(getResources(),R.drawable.test);
  39. mImageView=(ImageView)findViewById(R.id.img_view);
  40. mImageView.setImageBitmap(mBitmap);
  41. ((LinearLayout)findViewById(R.id.tone_view)).addView(mToneLayer.getParentView());
  43. ArrayList<SeekBar>seekBars=mToneLayer.getSeekBars();
  44. for(inti=0,size=seekBars.size();i<size;i++)
  45. {
  46. seekBars.get(i).setOnSeekBarChangeListener(this);
  47. }
  48. }
  50. @Override
  51. publicvoidonProgressChanged(SeekBarseekBar,intprogress,
  52. booleanfromUser){
  53. intflag=(Integer)seekBar.getTag();
  54. switch(flag)
  55. {
  56. caseToneLayer.FLAG_SATURATION:
  57. mToneLayer.setSaturation(progress);
  58. break;
  59. caseToneLayer.FLAG_LUM:
  60. mToneLayer.setLum(progress);
  61. break;
  62. caseToneLayer.FLAG_HUE:
  63. mToneLayer.setHue(progress);
  64. break;
  65. }
  67. mImageView.setImageBitmap(mToneLayer.handleImage(mBitmap,flag));
  68. }
  70. @Override
  71. publicvoidonStartTrackingTouch(SeekBarseekBar){
  73. }
  75. @Override
  76. publicvoidonStopTrackingTouch(SeekBarseekBar){
  78. }
  79. }


三、布局文件：

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

分享到：
| docker学习笔记（1）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics