Glide加载圆形图片带白色边框

最新推荐文章于 2025-05-20 16:57:12 发布

小白身

最新推荐文章于 2025-05-20 16:57:12 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： Glide 圆形图片白色边框

本文链接：https://blog.youkuaiyun.com/wl1433289703/article/details/84063025

本文介绍使用Glide库在Android应用中加载圆形头像的方法，包括创建自定义的BitmapTransformation类实现圆角和边框效果，以及如何在代码中应用此转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.导入Glide依赖

compile 'com.github.bumptech.glide:glide:4.0.0-RC1'

2.创建一个类继承BitmapTransformation

/**
 * 加载圆形头像带白色边框
 */
public class GlideCircleWithBorder extends BitmapTransformation {
    private Paint mBorderPaint;
    private float mBorderWidth;

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

    public GlideCircleWithBorder(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;
        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 void updateDiskCacheKey(MessageDigest messageDigest) {

    }

}

3.加载图片

Glide.with(this).load("http://05imgmini.eastday.com/mobile/20181013/20181013_da58d8665e2d35cd7c2ad4db1a820288_cover_mwpm_03200403.jpg")
        .apply(new RequestOptions()
                .error(this.getResources().getDrawable(R.mipmap.ic_launcher))
                .placeholder(R.mipmap.ic_launcher).centerCrop().diskCacheStrategy(DiskCacheStrategy.ALL)
                .transform(new GlideCircleWithBorder(this, 3, Color.parseColor("#ccffffff"))))
        .into(image);