1. 程式人生 > >Android 使用Glide動態載入圓形圖片和圓角圖片

Android 使用Glide動態載入圓形圖片和圓角圖片

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

效果圖:

這裡寫圖片描述

Glide是預設本地儲存的,但重複載入的時候,是不需要重複訪問網路。

下載的圖片轉圓形的方法

public class GlideCircleTransform extends BitmapTransformation {
    public GlideCircleTransform(Context context) {
  super(context);
    }
    [url=home.php?mod=space&uid=389554
]@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) / 2; int y = (source.getHeight() - size) / 2; // 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 / 2f; 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 = 0f;
  public GlideRoundTransform(Context context) {
    this(context, 4);
  }
  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(0f, 0f, 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, 10)).into(imageView);

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