Android Glide加载圆形图片,设置白色边框

时间:2021-09-09 09:25:57

之前加载圆形图片,一般都是自定义view实现。后来用Glide加载图片,Glide可以很方便的实现圆形加载并且也还可以设置变色边框。
关于Glide的加载在这里不详细说了,主要说一下自定义BitmapTransformation来实现圆形图片加载

 static class GlideCircleTransform extends BitmapTransformation {

private Paint mBorderPaint;
private float mBorderWidth;

public GlideCircleTransform(Context context) {
super(context);
}

public GlideCircleTransform(Context context, int borderWidth, int borderColor) {
super(context);
mBorderWidth = Resources.getSystem().getDisplayMetrics().density * borderWidth;

mBorderPaint = new Paint();
mBorderPaint.setDither(true);
mBorderPaint.setAntiAlias(true);
mBorderPaint.setColor(borderColor);
mBorderPaint.setStyle(Paint.Style.STROKE);
mBorderPaint.setStrokeWidth(mBorderWidth);
}


protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
return circleCrop(pool, toTransform);
}

private Bitmap circleCrop(BitmapPool pool, Bitmap source) {
if (source == null) return null;

int size = (int) (Math.min(source.getWidth(), source.getHeight()) - (mBorderWidth / 2));
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);
if (mBorderPaint != null) {
float borderRadius = r - mBorderWidth / 2;
canvas.drawCircle(r, r, borderRadius, mBorderPaint);
}
return result;
}

@Override
public String getId() {
return getClass().getName();
}
}

然后在用glide加载的时候

//带白色边框的圆形图片加载
Glide.with(mContext).load(path).centerCrop().placeholder(R.drawable.defalut_img)
.transform(new GlideCircleTransform(mContext,2,mContext.getResources().getColor(R.color.white)))
.diskCacheStrategy(DiskCacheStrategy.SOURCE).into(imageview);
//不带白色边框的圆形图片加载
Glide.with(mContext).load(path).centerCrop().placeholder(R.drawable.defalut_img)
.transform(new GlideCircleTransform(mContext))
.diskCacheStrategy(DiskCacheStrategy.SOURCE).into(imageview);

Glide的加载工具类

public class GlideUtils {

/**
* 加载网络图片
* @param mContext
* @param path
* @param imageview
*/

public static void LoadImage(Context mContext, String path,
ImageView imageview) {
Glide.with(mContext).load(path).centerCrop().placeholder(R.drawable.defalut_img)
.diskCacheStrategy(DiskCacheStrategy.SOURCE).into(imageview);
}

/**
* 加载带尺寸的图片
* @param mContext
* @param path
* @param Width
* @param Height
* @param imageview
*/

public static void LoadImageWithSize(Context mContext, String path,
int Width, int Height, ImageView imageview) {
Glide.with(mContext).load(path).override(Width, Height)
.diskCacheStrategy(DiskCacheStrategy.SOURCE).into(imageview);
}

/**
* 加载本地图片
* @param mContext
* @param path
* @param imageview
*/

public static void LoadImageWithLocation(Context mContext, Integer path,
ImageView imageview) {
Glide.with(mContext).load(path).diskCacheStrategy(DiskCacheStrategy.SOURCE)
.into(imageview);
}

/**
* 圆形加载
*
* @param mContext
* @param path
* @param imageview
*/

public static void LoadCircleImage(Context mContext, int path,
ImageView imageview) {
Glide.with(mContext).load(path).centerCrop().placeholder(R.drawable.defalut_img)
.transform(new GlideCircleTransform(mContext,2,mContext.getResources().getColor(R.color.white)))
.diskCacheStrategy(DiskCacheStrategy.SOURCE).into(imageview);

}

static class GlideCircleTransform extends BitmapTransformation {

private Paint mBorderPaint;
private float mBorderWidth;

public GlideCircleTransform(Context context) {
super(context);
}

public GlideCircleTransform(Context context, int borderWidth, int borderColor) {
super(context);
mBorderWidth = Resources.getSystem().getDisplayMetrics().density * borderWidth;

mBorderPaint = new Paint();
mBorderPaint.setDither(true);
mBorderPaint.setAntiAlias(true);
mBorderPaint.setColor(borderColor);
mBorderPaint.setStyle(Paint.Style.STROKE);
mBorderPaint.setStrokeWidth(mBorderWidth);
}


protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
return circleCrop(pool, toTransform);
}

private Bitmap circleCrop(BitmapPool pool, Bitmap source) {
if (source == null) return null;

int size = (int) (Math.min(source.getWidth(), source.getHeight()) - (mBorderWidth / 2));
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);
if (mBorderPaint != null) {
float borderRadius = r - mBorderWidth / 2;
canvas.drawCircle(r, r, borderRadius, mBorderPaint);
}
return result;
}

@Override
public String getId() {
return getClass().getName();
}
}
}