Glide加载圆角图片解决方法

Android

2023-09-27 00:21:43

Glide：轻松加载和转换 Android 图像

在当今移动应用程序中，图像扮演着至关重要的角色，它们能提升用户体验并传达关键信息。Glide 是一个开源的 Android 图像加载库，可简化图像加载和转换过程，让开发者可以轻松地将远程或本地图像加载到其应用程序中。

一、认识 Glide

Glide 是一个功能强大的图像加载库，它具有以下优点：

简单易用： Glide 提供了一个简洁的 API，只需几行代码即可加载和显示图像。
高效缓存： Glide 会智能地缓存加载过的图像，以减少网络流量和提高加载速度。
图像转换： Glide 支持各种图像转换，包括裁剪、缩放、旋转和圆角处理。
自定义扩展： Glide 允许开发者创建自己的转换和加载器，以满足特定需求。

二、Glide 加载图像的基本用法

加载图像到 ImageView 非常简单：

Glide.with(this)
        .load("https://example.com/image.jpg")
        .into(imageView);

以上代码将加载 URL 为“https://example.com/image.jpg”的图像并将其显示在 imageView 中。

三、Glide 加载圆角图像

Glide 提供了两种方法来加载圆角图像：

1. 使用 transform() 方法：

Glide.with(this)
        .load("https://example.com/image.jpg")
        .transform(new RoundedCornersTransformation(radius, margin))
        .into(imageView);

这个方法需要传入一个 RoundedCornersTransformation 对象，其中 radius 指定圆角半径，margin 指定圆角与图像边缘之间的间距。

2. 使用 setTransformation() 方法：

Glide.with(this)
        .load("https://example.com/image.jpg")
        .setTransformation(new RoundedCornersTransformation(radius, margin))
        .into(imageView);

这个方法与 transform() 方法类似，但使用 setTransformation() 来设置圆角转换。

四、自定义圆角转换

如果需要自定义圆角处理，可以继承 BitmapTransformation 类并实现 transform() 方法，如下所示：

public class CustomRoundedCornersTransformation extends BitmapTransformation {

    private float radius;
    private int margin;

    public CustomRoundedCornersTransformation(float radius, int margin) {
        this.radius = radius;
        this.margin = margin;
    }

    @Override
    protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
        // 创建一个新的位图
        Bitmap bitmap = pool.get(outWidth, outHeight, Bitmap.Config.ARGB_8888);
        // 创建一个画布
        Canvas canvas = new Canvas(bitmap);
        // 创建一个画笔
        Paint paint = new Paint();
        // 设置画笔属性
        paint.setAntiAlias(true);
        paint.setColor(Color.WHITE);
        // 创建一个矩形区域
        RectF rectF = new RectF(margin, margin, outWidth - margin, outHeight - margin);
        // 绘制圆角矩形
        canvas.drawRoundRect(rectF, radius, radius, paint);
        // 设置混合模式
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        // 绘制原图
        canvas.drawBitmap(toTransform, 0, 0, paint);
        // 返回新的位图
        return bitmap;
    }

    @Override
    public String getId() {
        return "CustomRoundedCornersTransformation(" + radius + ", " + margin + ")";
    }
}

然后，使用自定义的圆角转换来加载圆角图像：

Glide.with(this)
        .load("https://example.com/image.jpg")
        .transform(new CustomRoundedCornersTransformation(radius, margin))
        .into(imageView);