怀旧效果

62 阅读 0 评论 41 点赞

我是靠谱客的博主丰富烤鸡，最近开发中收集的这篇文章主要介绍怀旧效果，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

图片怀旧效果的算法：

我们用颜色矩阵（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

[java] 
view plain
 copy

 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布局文件

[html] 
view plain
 copy

 <?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>  

怀旧效果原图

方法2：

将每个像素点的RGB值先分离出来，然后再按照上面的三个算式分别重新计算出RGB值然后做为当前点的RGB值

ColorView.java

[java] 
view plain
 copy

 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);  
     }  
 }  