Android图像处理(2):怀旧效果

图片怀旧效果的算法:


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


                              怀旧效果                                                         原图


方法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技术上如有疑问可以问我,有问必答.

爱品茶的盆友,光顾小店(谢谢,能收藏最好了大笑):

http://lancezone.taobao.com


专注移动开发!继续前行~


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值