Android 使用Glide動态加載圓形圖檔和圓角圖檔

Glide我們都不陌生了，有時我們需要把加載下來的圖檔轉成圓角或者圓形的圖檔，怎麼處理呢，Glide原生沒有這個方法，于是我拓展了BitmapTransformation來實作這個功能。

效果圖：

Glide是預設本地存儲的，但重複加載的時候，是不需要重複通路網絡。

下載下傳的圖檔轉圓形的方法

public class GlideCircleTransform extends BitmapTransformation {
    public GlideCircleTransform(Context context) {
  super(context);
    }
    [url=home.php?mod=space&uid=]@Override[/url] protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
  return circleCrop(pool, toTransform);
    }
    private static Bitmap circleCrop(BitmapPool pool, Bitmap source) {
  if (source == null) return null;
  int size = Math.min(source.getWidth(), source.getHeight());
  int x = (source.getWidth() - size) / ;
  int y = (source.getHeight() - size) / ;
  // TODO this could be acquired from the pool too
  Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);
  Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);
  if (result == null) {
      result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
  }
  Canvas canvas = new Canvas(result);
  Paint paint = new Paint();
  paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
  paint.setAntiAlias(true);
  float r = size / f;
  canvas.drawCircle(r, r, r, paint);
  return result;
    }
    @Override public String getId() {
  return getClass().getName();
    }
}
           

自定義一個extend BitmapTransformation的方法，把獲得的bitmap轉化成圓形圖檔，下面是使用方法

private RequestManager glideRequest;
glideRequest = Glide.with(this);
glideRequest.load("https://www.baidu.com/img/bdlogo.png").transform(new GlideCircleTransform(context)).into(imageView);
           

這裡不得不強調下Glide的一個強大的功能，當你在With後面的傳Activity或者Fragment，Glide就可以根據目前Activity或者Fragment的生命周期維護圖檔的生命周期，比如但activity銷毀的時候，就會自動取消需要加載的圖檔。

下載下傳圖檔轉換層圓角圖檔的方法

public class GlideRoundTransform extends BitmapTransformation {
  private static float radius = f;
  public GlideRoundTransform(Context context) {
    this(context, );
  }
  public GlideRoundTransform(Context context, int dp) {
    super(context);
    this.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(f, f, source.getWidth(), source.getHeight());
    canvas.drawRoundRect(rectF, radius, radius, paint);
    return result;
  }
  @Override public String getId() {
    return getClass().getName() + Math.round(radius);
  }
}
           

在這個方法裡面，你可以自定義圓角的大小，使用方式也非常簡單

glideRequest.load("https://www.baidu.com/img/bdlogo.png").transform(new GlideRoundTransform(context)).into(imageView);

glideRequest.load("https://www.baidu.com/img/bdlogo.png").transform(new GlideRoundTransform(context, )).into(imageView);
           

Glide的詳細的使用方法可以參考 官方的文檔 (https://github.com/bumptech/glide/wiki)，這裡是作為加載圖檔效果的一個補充，個人覺得目前Glide已經很成熟了，可以考慮應用到實際的項目中去，Glide使用起來比較輕便，大力推薦Glide。

這個文章的源碼我也放出來了，位址：https://github.com/jdsjlzx/GlideDemo