如何使用Glide让图片完美适配ImageView边界？

你遇到的问题是Glide默认对Drawable类型的占位/错误/fallback图不会自动缩放适配ImageView尺寸，而且Glide的默认变换会覆盖ImageView的scaleType设置，导致占位图显示不符合预期。以下是两种可行的解决方案：

方案一：让Glide尊重ImageView的ScaleType，同时缩放占位图 #

保持XML中ImageView的android:scaleType="fitXY"，然后将占位图也通过Glide的请求加载，强制适配ImageView的尺寸，避免Glide修改ImageView的scaleType：

// 确保ImageView已完成测量，获取其宽高
val viewWidth = imageView.width
val viewHeight = imageView.height

// 创建占位图的请求，强制缩放到ImageView尺寸，不应用Glide默认变换
val placeholderRequest = requestManager
    .load(fallbackDrawable)
    .override(viewWidth, viewHeight)
    .dontTransform()

// 主请求使用该占位图请求，同时禁用变换，让ImageView的scaleType生效
requestManager
    .load(url)
    .placeholder(placeholderRequest)
    .error(placeholderRequest)
    .fallback(placeholderRequest)
    .dontTransform()
    .into(imageView)

注意：如果在Activity/Fragment的onCreate中调用，需要等待ImageView完成测量，可通过ViewTreeObserver获取正确的宽高：

imageView.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
    override fun onGlobalLayout() {
        imageView.viewTreeObserver.removeOnGlobalLayoutListener(this)
        // 在这里执行上面的Glide加载代码
    }
})

方案二：自定义Glide变换实现强制拉伸适配 #

自定义一个FitXYTransformation，让所有加载的图片（包括占位图）都被拉伸到ImageView的尺寸，无需依赖ImageView的scaleType：

class FitXYTransformation : Transformation<Bitmap> {
    override fun transform(
        context: Context,
        resource: Resource<Bitmap>,
        outWidth: Int,
        outHeight: Int
    ): Resource<Bitmap> {
        val originalBitmap = resource.get()
        // 直接拉伸Bitmap到目标尺寸
        val scaledBitmap = Bitmap.createScaledBitmap(originalBitmap, outWidth, outHeight, true)
        // 回收原Bitmap避免内存泄漏
        if (scaledBitmap != originalBitmap) {
            resource.recycle()
        }
        return BitmapResource.obtain(scaledBitmap, Glide.get(context).bitmapPool)
    }

    override fun updateDiskCacheKey(messageDigest: MessageDigest) {
        // 唯一标识该变换，用于缓存
        messageDigest.update("FitXYTransformation".toByteArray(Charsets.UTF_8))
    }
}

然后在Glide请求中使用该变换，并指定ImageView的尺寸：

val viewWidth = imageView.width
val viewHeight = imageView.height

requestManager
    .load(url)
    .placeholder(fallbackDrawable)
    .error(fallbackDrawable)
    .fallback(fallbackDrawable)
    .transform(FitXYTransformation())
    .override(viewWidth, viewHeight)
    .into(imageView)

为什么之前的方法无效？ #

• XML设置fitXY后，Glide默认会用自身的fitCenter变换覆盖ImageView的scaleType，导致占位图使用fitCenter显示，而非fitXY。
• 直接调用.override(width, height)但未配合变换或禁用变换，Glide仍会用默认的缩放逻辑处理图片，无法达到强制拉伸的效果。

内容的提问来源于stack exchange，提问作者Bbrk24