Android图片色彩变换实现方法
作者:Marksinoberg 时间:2022-03-21 07:23:32
最近在做图片相关的应用,所以就各方积累到一些常用的操作,一般来说会有多种方式来实现这一功能,比如
1.采用色度变换
2.采用ColorMatrix颜色矩阵
3.采用对像素点的直接操作
等等,今天就复习一下第一种方式吧,虽然比较单一,得到的结果类型也比较少。
相比较于常见的图片风格变换,一般我们就是换个色彩度,饱和度,亮度等等,这里也恰恰是这个方式
编码思路:
•抽象出图片操作工具类
•创建一个用于操作的Bitmap对象
•使用画布Canvas,画笔Paint
•调色处理,参数控制
•画出Bitmap并返回
•被相关方法调用,得到结果
下面直接上代码吧
首先是布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:orientation="vertical"
tools:context=".MainActivity" >
<ImageView
android:id="@+id/imageview"
android:layout_width="match_parent"
android:layout_height="320dp"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<TextView
android:text="色 度"
android:textSize="18dp"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<SeekBar
android:id="@+id/hueBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="5"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<TextView
android:text="饱和度"
android:textSize="18dp"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<SeekBar
android:id="@+id/saturationBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="5"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<TextView
android:text="亮 度"
android:textSize="18dp"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<SeekBar
android:id="@+id/lumBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="5"
/>
</LinearLayout>
</LinearLayout>
接下来是工具操作类的相关方法
public static Bitmap handleImageLikePS(Bitmap bp,float hue,float saturation,float lum){
Bitmap bitmap=Bitmap.createBitmap(bp.getWidth(), bp.getHeight(),Bitmap.Config.ARGB_8888);
Canvas canvas=new Canvas(bitmap);
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(bp, 0, 0, paint);//此处如果换成bitmap就会仅仅调用一次,图像将不能被编辑
return bitmap;
}
然后是使用类
package com.example.colormatrixdemo;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.SeekBar;
public class MainActivity extends Activity implements SeekBar.OnSeekBarChangeListener{
private Bitmap bitmap;
private ImageView imageview;
private SeekBar hueBar,saturationBar,lumBar;
private float mHue,mSaturation ,mLum;
private static int MAXVALUE=255,MIDVALUE=127;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bitmap=BitmapFactory.decodeResource(getResources(), R.drawable.masuo);
imageview=(ImageView) findViewById(R.id.imageview);
hueBar=(SeekBar) findViewById(R.id.hueBar);
saturationBar=(SeekBar) findViewById(R.id.saturationBar);
lumBar=(SeekBar) findViewById(R.id.lumBar);
hueBar.setOnSeekBarChangeListener(this);
saturationBar.setOnSeekBarChangeListener(this);
lumBar.setOnSeekBarChangeListener(this);
hueBar.setMax(MAXVALUE);
hueBar.setProgress(MIDVALUE);
saturationBar.setMax(MAXVALUE);
saturationBar.setProgress(MIDVALUE);
lumBar.setMax(MAXVALUE);
lumBar.setProgress(MIDVALUE);
imageview.setImageBitmap(bitmap);
}
@Override
public void onProgressChanged(SeekBar seekbar, int progress, boolean arg2) {
switch(seekbar.getId()){
case R.id.hueBar:
mHue=(progress-MIDVALUE)*1.0F/MIDVALUE*180;
break;
case R.id.saturationBar:
mSaturation=progress*1.0F/MIDVALUE;
break;
case R.id.lumBar:
mLum=progress*1.0F/MIDVALUE;
break;
}
imageview.setImageBitmap(ImageTools.handleImageLikePS(bitmap, mHue, mSaturation, mLum));
}
@Override
public void onStartTrackingTouch(SeekBar arg0) {
// TODO Auto-generated method stub
}
@Override
public void onStopTrackingTouch(SeekBar arg0) {
// TODO Auto-generated method stub
}
}
然后运行程序,你就可以通过对滑动条的调节来对图像做相关的处理变换了。
注意:
在工具类的方法中最后要对传进去的参数做处理,而不是我们自己声明的bitmap,否则我们将得不到我们实时的图片效果。因为我们的bitmap仅仅是作为一个操作的对象模型,真正需要操作的是我们的bp参数。
总结:在处理图像有许多的方法,尤其是对图像用像素点的方式效果最多,可以呈现多种多样的效果。如老照片,浮雕,底片等等;而采用颜色矩阵也是一种好经典的操作方法。这些很值得我们学习,这样我们就可以是的我们的应用呈现出更加绚丽的色彩及效果咯!
标签:android,图片
0
投稿
猜你喜欢
Java数组(Array)最全汇总(上篇)
2022-12-19 23:22:30
JAVA 生成随机数并根据后台概率灵活生成的实例代码
2023-12-05 11:00:48
C# 删除字符串中的中文(实例分享)
2021-12-30 12:55:48
Java多线程 ReentrantLock互斥锁详解
2022-07-23 21:21:06
Java中HashMap里面key为null存放到哪
2023-11-10 02:46:47
聊聊如何打印GC日志排查的问题
2023-01-22 22:10:56
Java中URL传中文时乱码的解决方法
2022-05-17 02:16:55
Java查看和修改线程优先级操作详解
2023-09-13 08:25:30
Spring Boot2中如何优雅地个性化定制Jackson实现示例
2021-09-27 12:21:15
Spring Security 图片验证码功能的实例代码
2023-11-17 14:23:56
java基于AES对称加密算法实现的加密与解密功能示例
2023-02-07 13:34:47
Spring Boot实现数据访问计数器方案详解
2022-12-17 08:40:16
flutter Bloc 实现原理示例解析
2023-07-18 08:00:39
带你了解Java数据结构和算法之无权无向图
2023-12-24 10:54:05
Java数据结构之线索化二叉树的实现
2022-03-16 15:25:34
Java Swing JPanel面板的使用方法
2023-02-13 12:04:49
springboot 使用QQ邮箱发送邮件的操作方法
2022-03-03 14:36:22
Java权重随机的实现方法
2021-10-05 14:27:50
Spring Boot项目@RestController使用重定向redirect方式
2023-12-11 15:21:56
Spring-Security对HTTP相应头的安全支持方式
2021-07-25 16:30:55