图片怀旧效果的算法:
我们用颜色矩阵(ColorMatrix)来完成我们的怀旧效果。如果有不知道ColorMatrix的原理的话可以参考:Android学习笔记之图像颜色处理(ColorMatrix)
这就是那个颜色矩阵。我们可以利用上面的计算方法来改变我们的颜色矩阵的值从而达到我们想要的效果。
上面的计算方法可以转换为:
M =
在Android中,颜色矩阵M是以一维数组m=[a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t]的方式进行存储的。
M = [0.393,0.768,0.189,0,0 , 0.349 , 0.686, 0.168, 0 , 0, 0.272, 0.534, 0.131, 0 , 0, 0, 0 , 0 , 0,0]
具体操作:
自定义view
ColorView.java
package com.color;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.ColorMatrix;
import android.graphics.ColorMatrixColorFilter;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.ImageView;
public class ColorView extends ImageView {
private Paint myPaint = null;
private Bitmap bitmap = null;
private ColorMatrix myColorMatrix = null;
//设置颜色值
private float[] colorArray = {(float) 0.393,(float) 0.768,(float) 0.189,0,0,
(float) 0.349,(float) 0.686,(float) 0.168,0,0,
(float) 0.272,(float) 0.534,(float) 0.131,0,0,
0,0,0,1,0};
public ColorView(Context context, AttributeSet attrs)
{
super(context, attrs);
bitmap = BitmapFactory.decodeResource(context.getResources(),R.drawable.ww);
invalidate();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//新建画笔对象
myPaint = new Paint();
//描画(原始图片)
canvas.drawBitmap(bitmap,0, 0, myPaint);
//新建颜色矩阵对象
myColorMatrix = new ColorMatrix();
//设置颜色矩阵的值
myColorMatrix.set(colorArray);
//设置画笔颜色过滤器
myPaint.setColorFilter(new ColorMatrixColorFilter(myColorMatrix));
//描画(处理后的图片)
canvas.drawBitmap(bitmap,0,0,myPaint);
invalidate();
}
}
package com.color;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.ColorMatrix;
import android.graphics.ColorMatrixColorFilter;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.ImageView;
public class ColorView extends ImageView {
private Paint myPaint = null;
private Bitmap bitmap = null;
private ColorMatrix myColorMatrix = null;
//设置颜色值
private float[] colorArray = {(float) 0.393,(float) 0.768,(float) 0.189,0,0,
(float) 0.349,(float) 0.686,(float) 0.168,0,0,
(float) 0.272,(float) 0.534,(float) 0.131,0,0,
0,0,0,1,0};
public ColorView(Context context, AttributeSet attrs)
{
super(context, attrs);
bitmap = BitmapFactory.decodeResource(context.getResources(),R.drawable.ww);
invalidate();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//新建画笔对象
myPaint = new Paint();
//描画(原始图片)
canvas.drawBitmap(bitmap,0, 0, myPaint);
//新建颜色矩阵对象
myColorMatrix = new ColorMatrix();
//设置颜色矩阵的值
myColorMatrix.set(colorArray);
//设置画笔颜色过滤器
myPaint.setColorFilter(new ColorMatrixColorFilter(myColorMatrix));
//描画(处理后的图片)
canvas.drawBitmap(bitmap,0,0,myPaint);
invalidate();
}
}
main.xml布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/colorView_layout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<com.color.ColorView
android:id="@+id/myColorView"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/colorView_layout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<com.color.ColorView
android:id="@+id/myColorView"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</LinearLayout>
![](https://img-my.csdn.net/uploads/201303/21/1363831997_8318.jpg)
![](https://img-my.csdn.net/uploads/201303/21/1363832096_9634.jpg)
怀旧效果 原图
方法2:
将每个像素点的RGB值先分离出来,然后再按照上面的三个算式分别重新计算出RGB值然后做为当前点的RGB值
ColorView.java
package com.color;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.ImageView;
public class ColorView extends ImageView {
private Paint myPaint = null;
private Bitmap bitmap = null;
private int width,height;
public ColorView(Context context, AttributeSet attrs)
{
super(context, attrs);
bitmap = BitmapFactory.decodeResource(context.getResources(),R.drawable.ww);
width = bitmap.getWidth();
height = bitmap.getHeight();
invalidate();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int pixColor = 0;
int pixR = 0;
int pixG = 0;
int pixB = 0;
int newR = 0;
int newG = 0;
int newB = 0;
int[] pixels = new int[width * height];
//获取图片的像素(一维数组)
/*
* pixels 接收位图颜色值的数组
* offset 写入到pixels[]中的第一个像素索引值
* stride pixels[]中的行间距个数值(必须大于等于位图宽度)。可以为负数
* x 从位图中读取的第一个像素的x坐标值。
* y 从位图中读取的第一个像素的y坐标值
* width 从每一行中读取的像素宽度
* height 读取的行数
*/
bitmap.getPixels(pixels, 0, width, 0, 0, width, height);
//获取一个高height宽width的图片像素
for (int i = 0; i < height; i++)
{
for (int j = 0; j < width; j++)
{
pixColor = pixels[width * i + j];
//等价于(pixColor >> 16) & 0xFF 获取一个像素的R
pixR = Color.red(pixColor);
//等价于(pixColor >> 8) & 0xFF 获取一个像素的G
pixG = Color.green(pixColor);
//等价于(pixColor) & 0xFF 获取一个像素的B
pixB = Color.blue(pixColor);
//根据算法由原图的RGB生成新的RGB
newR = (int) (0.393 * pixR + 0.769 * pixG + 0.189 * pixB);
newG = (int) (0.349 * pixR + 0.686 * pixG + 0.168 * pixB);
newB = (int) (0.272 * pixR + 0.534 * pixG + 0.131 * pixB);
//由RGB生成一个像素
//函数:argb (int alpha, int red, int green, int blue)
int newColor = Color.argb(255, newR > 255 ? 255 : newR, newG > 255 ? 255 : newG, newB > 255 ? 255 : newB);
pixels[width * i + j] = newColor;
}
}
//生成新的图片
bitmap.setPixels(pixels, 0, width, 0, 0, width, height);
//描画(处理后的图片)
canvas.drawBitmap(bitmap,0,0,myPaint);
}
}
package com.color;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.ImageView;
public class ColorView extends ImageView {
private Paint myPaint = null;
private Bitmap bitmap = null;
private int width,height;
public ColorView(Context context, AttributeSet attrs)
{
super(context, attrs);
bitmap = BitmapFactory.decodeResource(context.getResources(),R.drawable.ww);
width = bitmap.getWidth();
height = bitmap.getHeight();
invalidate();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int pixColor = 0;
int pixR = 0;
int pixG = 0;
int pixB = 0;
int newR = 0;
int newG = 0;
int newB = 0;
int[] pixels = new int[width * height];
//获取图片的像素(一维数组)
/*
* pixels 接收位图颜色值的数组
* offset 写入到pixels[]中的第一个像素索引值
* stride pixels[]中的行间距个数值(必须大于等于位图宽度)。可以为负数
* x 从位图中读取的第一个像素的x坐标值。
* y 从位图中读取的第一个像素的y坐标值
* width 从每一行中读取的像素宽度
* height 读取的行数
*/
bitmap.getPixels(pixels, 0, width, 0, 0, width, height);
//获取一个高height宽width的图片像素
for (int i = 0; i < height; i++)
{
for (int j = 0; j < width; j++)
{
pixColor = pixels[width * i + j];
//等价于(pixColor >> 16) & 0xFF 获取一个像素的R
pixR = Color.red(pixColor);
//等价于(pixColor >> 8) & 0xFF 获取一个像素的G
pixG = Color.green(pixColor);
//等价于(pixColor) & 0xFF 获取一个像素的B
pixB = Color.blue(pixColor);
//根据算法由原图的RGB生成新的RGB
newR = (int) (0.393 * pixR + 0.769 * pixG + 0.189 * pixB);
newG = (int) (0.349 * pixR + 0.686 * pixG + 0.168 * pixB);
newB = (int) (0.272 * pixR + 0.534 * pixG + 0.131 * pixB);
//由RGB生成一个像素
//函数:argb (int alpha, int red, int green, int blue)
int newColor = Color.argb(255, newR > 255 ? 255 : newR, newG > 255 ? 255 : newG, newB > 255 ? 255 : newB);
pixels[width * i + j] = newColor;
}
}
//生成新的图片
bitmap.setPixels(pixels, 0, width, 0, 0, width, height);
//描画(处理后的图片)
canvas.drawBitmap(bitmap,0,0,myPaint);
}
}
android技术上如有疑问可以问我,有问必答.
爱品茶的盆友,光顾小店(谢谢,能收藏最好了):
专注移动开发!继续前行~