Android 强大的Picasso,自定义图片效果

来源:互联网 发布:安卓e4a编程工具手机版 编辑:程序博客网 时间:2024/04/28 06:13


下面分享一篇前段时间做项目时候处理照片的笔记。用的是Picasso开源框架。(我是直接从笔记本粘贴过来的,本人是个懒蛋)


Picasso强大的图片处理开源框架,暂时不支持HTTPS的请求:
     
// 举例子 Picasso.with(this)          // 设置图片的路径,可以是网络url,也可以是本地图片路径        .load(R.mipmap.ic_back)          // 设置图片采样率,一般设置为RGB565,这样会比RGB888节省一半左右的内存消耗        .config(Bitmap.Config.RGB_565)          // 设置输出的大小,设置为我们需要的大小,避免资源浪费        .resize(width, height)                  // 设置是否需要缓存        .memoryPolicy(MemoryPolicy.NO_CACHE, MemoryPolicy.NO_CACHE)          // 这是picasso最强大的地方我们下面看        .transform(new Transformation())          // 加载错误时默认的图片        .error(R.mipmap.ic_launcher)          // 照片的旋转角度        .rotate(float rotate)          // 需要展示的控件        .into(showImg);




上面就是Picasso基本的用法,下面需要说一下transform方法。这是毕加索提供给我们的自己处理需要的效果的接口。
即我们自己新建一个类去实现Transformation接口,复写两个方法:
     1.transform(Bitmap source);
     本方法的参数是加载的文件的位图,方法中我们写自己的逻辑。可以裁剪图片,修改采样率,旋转等等各种操作,也就是说,平时我们可以操作bitmap改变图片的方式都可以写在这里。
     2.key() return String;
     这个方法是我们设置记录这个处理过程的方法名字,如果你写了好几个实现transform的类,那么每一个这个key返回的字符串都需要不一样,否则picasso会缓存上一次你处理的效果的bitmap。


下面记录几种暂时我用到的处理:

/** * picasso加载圆形图片 * Created by ge on 2015/8/8. */public class CircleTransform implements Transformation {    @Override    public Bitmap transform(Bitmap source) {        int size = Math.min(source.getWidth(), source.getHeight());        int x = (source.getWidth() - size) / 2;        int y = (source.getHeight() - size) / 2;        Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size);        if (squaredBitmap != source) {            source.recycle();        }        Bitmap bitmap = Bitmap.createBitmap(size, size, source.getConfig());        Canvas canvas = new Canvas(bitmap);        Paint paint = new Paint();        BitmapShader shader = new BitmapShader(squaredBitmap,                BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP);        paint.setShader(shader);        paint.setAntiAlias(true);        float r = size / 2f;        canvas.drawCircle(r, r, r, paint);        squaredBitmap.recycle();        return bitmap;    }    @Override    public String key() {        return "circle";    }     /** * picasso加载正方形图片,长宽比较取最小边 * Created by ge on 2015/7/18. */public class CropSquareTransformation implements Transformation {    //截取从宽度和高度最小作为bitmap的宽度和高度    @Override    public Bitmap transform(Bitmap source) {        int x;        int size = Math.min(source.getWidth(), source.getHeight());        if (source.getWidth() >= source.getHeight()){            x = (source.getHeight() - size) / 2;        }else {            x = (source.getWidth() - size) / 2;        }        Bitmap result = Bitmap.createBitmap(source, x, x, size, size);        if (result != source) {            source.recycle();        }        return result;    }    @Override    public String key() {        return "crop()";    }}


接下来的是处理照片的颜色矩阵来达到改变图片效果的例子:

/** * 照片泛黄 * Created by ge on 15/8/20. */public class YellowTransformation implements Transformation {    @Override    public Bitmap transform(Bitmap source) {        Bitmap output = Bitmap.createBitmap(source.getWidth(),                source.getHeight(), Bitmap.Config.RGB_565);        Canvas canvas = new Canvas(output);        Paint paint = new Paint();        ColorMatrix cm = new ColorMatrix();        float[] array = { 1, 0, 0, 0, 100, 0, 1, 0, 0, 100, 0, 0, 1, 0, 0, 0,                0, 0, 1, 0 };        cm.set(array);        paint.setColorFilter(new ColorMatrixColorFilter(cm));        canvas.drawBitmap(source, 0, 0, paint);        source.recycle();        return output;    }    @Override    public String key() {        return "yellow()";    }}

站在巨人的肩膀上,如果有对颜色矩阵不清楚的同学自行百度。上面代码中的array数组中的二十个值,我们只需要修改其中的值便可以达到修改图片效果的简单方式。我简单写了一个黄色的效果。








1 0