Glide中文文档：深入理解图片变换(Transformations)技术-优快云博客

Glide中文文档：深入理解图片变换(Transformations)技术

什么是图片变换

在图片加载库Glide中，变换(Transformations)是一个核心功能，它允许开发者对加载的图片资源进行各种处理后再显示。变换操作可以理解为一种"图片处理器"，它接收原始图片资源，经过处理后返回一个新的、修改后的版本。

变换最常见的用途包括：

图片剪裁（如圆形剪裁、圆角剪裁）
尺寸调整（如居中缩放、填充容器）
滤镜应用（如黑白效果、模糊效果）
其他自定义处理

Glide内置变换类型

Glide提供了一些开箱即用的变换实现，开发者可以直接使用：

CenterCrop：居中裁剪，保持图片宽高比，填满整个View并居中显示
FitCenter：居中适应，保持图片宽高比，完整显示图片并居中
CircleCrop：圆形裁剪，将图片剪裁为圆形

如何应用变换

基本使用方法

在Glide中应用变换非常简单，可以通过两种方式实现：

方法一：直接使用方法链

Glide.with(fragment)
    .load(url)
    .fitCenter()  // 应用FitCenter变换
    .into(imageView);

方法二：使用RequestOptions

RequestOptions options = new RequestOptions();
options.centerCrop();  // 设置CenterCrop变换

Glide.with(fragment)
    .load(url)
    .apply(options)
    .into(imageView);

多重变换应用

有时我们需要对图片应用多个变换效果，Glide提供了两种方式实现多重变换：

方法一：使用MultiTransformation类

Glide.with(fragment)
    .load(url)
    .transform(new MultiTransformation(
        new FitCenter(), 
        new YourCustomTransformation()
    ))
    .into(imageView);

方法二：使用transforms()快捷方法

Glide.with(fragment)
    .load(url)
    .transform(new FitCenter(), new YourCustomTransformation())
    .into(imageView);

重要提示：变换的执行顺序与传入参数的顺序一致，先传入的变换会先执行。

自定义变换实现

虽然Glide提供了多种内置变换，但在实际开发中，我们经常需要实现自己的变换效果。

继承BitmapTransformation

对于只需要处理Bitmap的变换，建议继承BitmapTransformation类，它已经帮我们处理了Bitmap的回收等基础工作。下面是一个实现填充空间的变换示例：

public class FillSpace extends BitmapTransformation {
    private static final String ID = "com.example.transformations.FillSpace";
    private static final byte[] ID_BYTES = ID.getBytes(Charset.forName("UTF-8"));

    @Override
    protected Bitmap transform(BitmapPool pool, Bitmap toTransform, 
                             int outWidth, int outHeight) {
        // 如果尺寸已经匹配，直接返回原图
        if (toTransform.getWidth() == outWidth && 
            toTransform.getHeight() == outHeight) {
            return toTransform;
        }
        // 否则缩放图片到目标尺寸
        return Bitmap.createScaledBitmap(toTransform, outWidth, outHeight, true);
    }

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

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

    @Override
    public void updateDiskCacheKey(MessageDigest messageDigest) {
        messageDigest.update(ID_BYTES);
    }
}

必须实现的方法

任何自定义变换都必须正确实现以下三个方法，以确保内存缓存和磁盘缓存正常工作：

equals()：判断两个变换是否相同
hashCode()：返回变换的哈希值
updateDiskCacheKey()：更新磁盘缓存的密钥

如果变换需要参数（如圆角半径），这些参数也必须包含在上述方法的实现中。例如Glide的RoundedCorners变换实现：

@Override
public boolean equals(Object o) {
    if (o instanceof RoundedCorners) {
        RoundedCorners other = (RoundedCorners) o;
        return roundingRadius == other.roundingRadius;
    }
    return false;
}

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

@Override
public void updateDiskCacheKey(MessageDigest messageDigest) {
    messageDigest.update(ID_BYTES);
    // 将圆角半径加入缓存密钥
    byte[] radiusData = ByteBuffer.allocate(4)
                         .putInt(roundingRadius).array();
    messageDigest.update(radiusData);
}

Glide变换的特殊行为

变换的重用

Glide中的变换被设计为无状态的，因此可以在多个加载请求中安全地重用同一个变换实例。最佳实践是创建一个变换实例，然后在多个地方重复使用它。

ImageView的自动变换

Glide会根据ImageView的ScaleType自动应用相应的变换：

CENTER_CROP：自动应用CenterCrop变换
FIT_CENTER或CENTER_INSIDE：自动应用FitCenter变换

如果需要禁用这种自动变换行为，可以使用dontTransform()方法：

Glide.with(fragment)
    .load(url)
    .dontTransform()
    .into(imageView);

自定义资源类型的处理

在Glide 4.0及以上版本中，由于支持多种资源类型（如BitmapDrawable、GifDrawable等），变换的处理会稍微复杂一些。Glide会维护一个变换映射表，根据解码出的资源类型选择合适的变换。

对于大多数情况，只需要实现Bitmap变换即可，因为Glide能够将Bitmap变换应用到BitmapDrawable和GifDrawable上。但如果添加了自定义资源类型，可能需要扩展RequestOptions并为新资源类型提供专门的变换实现。

总结

Glide的变换功能为图片处理提供了强大的支持，无论是使用内置变换还是实现自定义变换，都能满足各种图片处理需求。理解变换的工作原理和实现方式，可以帮助开发者更高效地使用Glide，并实现各种复杂的图片效果。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考