本文以glide 3.7版本為例

Glide使用

Glide可以說是安卓開發(fā)者最常使用的圖片加載庫拓轻。它支持本地圖片及網絡圖片的加載，還支持gif的顯示批幌，且API設計靈活易于使用础锐。glide在加載圖片列表時，滾動效果平滑流暢荧缘，這也是它很突出的特點皆警。

在使用3.7版本加載gif時，如果gif較復雜截粗，顯示時有抖動重影問題信姓。實測發(fā)現加載gif的效果不如開源庫android-gif-drawable

基本使用方法：

Glide
    .with(mContext)
    .load(url)
    .centerCrop()
    .placeholder(R.drawable.loading_spinner)
    .into(imageView);

圓形圖片Transformation

需要自定義Transformation，代碼如下：

package cn.com.***.opensource.glide;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import com.bumptech.glide.Glide;
import com.bumptech.glide.load.Transformation;
import com.bumptech.glide.load.engine.Resource;
import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
import com.bumptech.glide.load.resource.bitmap.BitmapResource;

public class GlideCircleTransform implements Transformation<Bitmap> {

    private BitmapPool mBitmapPool;

    public GlideCircleTransform(Context context) {
        this(Glide.get(context).getBitmapPool());
    }

    public GlideCircleTransform(BitmapPool pool) {
        this.mBitmapPool = pool;
    }

    @Override
    public Resource<Bitmap> transform(Resource<Bitmap> resource, int outWidth, int outHeight) {
        Bitmap source = resource.get();
        int size = Math.min(source.getWidth(), source.getHeight());

        int width = (source.getWidth() - size) / 2;
        int height = (source.getHeight() - size) / 2;

        Bitmap bitmap = mBitmapPool.get(size, size, Bitmap.Config.ARGB_8888);
        if (bitmap == null) {
            bitmap = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
        }

        Canvas canvas = new Canvas(bitmap);
        Paint paint = new Paint();
        BitmapShader shader =
                new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP);
        if (width != 0 || height != 0) {
            // source isn't square, move viewport to center
            Matrix matrix = new Matrix();
            matrix.setTranslate(-width, -height);
            shader.setLocalMatrix(matrix);
        }
        paint.setShader(shader);
        paint.setAntiAlias(true);

        float r = size / 2f;
        canvas.drawCircle(r, r, r, paint);

        return BitmapResource.obtain(bitmap, mBitmapPool);
    }

    @Override public String getId() {
        return "CropCircleTransformation()";
    }
}

圓角圖片Transformation

package cn.com.iyouqu.opensource.glide;

import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;

import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
import com.bumptech.glide.load.resource.bitmap.BitmapTransformation;

public class GlideRoundTransform extends BitmapTransformation {
      private static float radius = 0f;
      public GlideRoundTransform(Context context) {
        this(context, 4);
      }
      public GlideRoundTransform(Context context, int dp) {
        super(context);
        radius = Resources.getSystem().getDisplayMetrics().density * dp;
      }
      @Override protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
        return roundCrop(pool, toTransform);
      }
      private static Bitmap roundCrop(BitmapPool pool, Bitmap source) {
        if (source == null) return null;
        Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
        if (result == null) {
          result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
        }
        Canvas canvas = new Canvas(result);
        Paint paint = new Paint();
        paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
        paint.setAntiAlias(true);
        RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight());
        canvas.drawRoundRect(rectF, radius, radius, paint);
        return result;
      }
      @Override public String getId() {
        return getClass().getName() + Math.round(radius);
      }
}

該方案相對簡單绸罗，只能實現四角全部繪制為圓角意推。可參考開源庫https://github.com/wasabeef/glide-transformations的RoundedCornersTransformation方案珊蟀，可隨意設置圓角類型菊值。該庫提供了多種自定義形狀供學習。

自定義圖形調用方式

Glide
    .with(mContext)
    .load(url)
    .centerCrop()
    .placeholder(R.drawable.loading_spinner)
    .bitmapTransform(new GlideCircleTransform(mContext)
    .crossFade().diskCacheStrategy(DiskCacheStrategy.SOURCE)
    .into(imageView);

參考：
https://github.com/bumptech/glide glide
https://github.com/wasabeef/glide-transformations glide自定義圖形