Android Glide 展示带边框的 ---矩形/圆形 --- 图片

最新推荐文章于 2024-04-18 00:28:01 发布

原创最新推荐文章于 2024-04-18 00:28:01 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

Util 工具类专栏收录该内容

24 篇文章

订阅专栏

这篇博客介绍了如何在Android中利用Glide库展示带有边框的图片，包括矩形和圆形两种形态。文章鼓励读者如果有更优的实现方式，可以通过留言进行交流，共同进步。

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

核心代码：-----------------
public class GlideCircleBorderTransform  extends BitmapTransformation {
    private final String ID = getClass().getName();
    private Paint mBorderPaint;
    private float borderWidth;
    private int borderColor;


    public GlideCircleBorderTransform(float borderWidth, int borderColor) {
        this.borderWidth = borderWidth;
        this.borderColor = borderColor;
        mBorderPaint = new Paint();
        mBorderPaint.setColor(borderColor);
        mBorderPaint.setStyle(Paint.Style.STROKE);
        mBorderPaint.setAntiAlias(true);
        mBorderPaint.setStrokeWidth(borderWidth);
        mBorderPaint.setDither(true);

    }
//
//    @Override
//    protected Bitmap transform(Context context, BitmapPool bitmapPool, Bitmap bitmap, int i, int i1) {
//        return circleCrop(bitmapPool, bitmap);
//    }

    private Bitmap circleCrop(BitmapPool bitmapPool, Bitmap source) {

        int size = Math.min(source.getWidth(), source.getHeight());
        int x = (source.getWidth() - size) / 2;
        int y = (source.getHeight() - size) / 2;
        Bitmap square = Bitmap.createBitmap(source, x, y, size, size);
        Bitmap result = bitmapPool.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();
        //设置 Shader
        paint.setShader(new BitmapShader(square, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
        paint.setAntiAlias(true);
        float radius = size / 2f;
        //绘制一个圆s
//        canvas.drawCircle(radius, radius, radius, paint);  

        //----绘制圆角矩形
        RectF rectFs = new RectF(10, 110, 90, 190); //显示矩形时 具体的宽高 大小数值需要自己调
        canvas.drawRoundRect(rectFs, 10, 10, paint);

        /************************描边*********************/
        //注意：避免出现描边被屏幕边缘裁掉
        float borderRadius = radius - (borderWidth / 2);
        //画边框
//        canvas.drawCircle(radius, radius, borderRadius, mBorderPaint);

        //----绘制圆角矩形
        RectF rectF = new RectF(10, 100, 110, 200);   //显示矩形时 具体的宽高大小数值需要自己调
        canvas.drawRoundRect(rectF, 10, 10, mBorderPaint);

        return result;
    }

    @Override
    public void updateDiskCacheKey(MessageDigest messageDigest) {
        messageDigest.update(ID.getBytes(CHARSET));
    }

    @Override
    public boolean equals(Object o) {
        return o instanceof GlideCircleBorderTransform;
    }

    @Override
    public int hashCode() {
        return ID.hashCode();
    }

    @Override
    protected Bitmap transform(@NonNull BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {
//        return null;
                return circleCrop(pool, toTransform);

    }
}

显示。。使用方法。-----------------------

        RequestOptions options = new RequestOptions()
                .centerCrop()
                .bitmapTransform(new GlideCircleBorderTransform(3, R.color.possible_result_points))
               .diskCacheStrategy(DiskCacheStrategy.DATA);

        Glide.with(this)
                .load(R.mipmap.default_people_img)
                .apply(options)
                .into(homeuserimg);