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

下面分享一篇前段时间做项目时候处理照片的笔记。用的是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数组中的二十个值，我们只需要修改其中的值便可以达到修改图片效果的简单方式。我简单写了一个黄色的效果。