Android中使用Glide加载图片闪烁问题

Kotlin 复制代码
    Glide.with(vh.image)
                .setDefaultRequestOptions(requestOptions)
                .load(mImages[pos])
                .fitCenter()
                .override(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL)
                .into(vh.image)

当使用Glide如上面的方式加载图片时,尤其是当图片资源比较大时,在更新图片资源(即将图a换成图b)时可能会出现ImageView短暂显示为透明状态,给人以闪烁的感觉,很不友好。

原因在于Glide会将我们传入的ImageView包装成ImageViewTarget对象,当Glide为Imageview重新加载新图片前会先调用com.bumptech.glide.request.SingleRequest的clear()方法,

Kotlin 复制代码
@Override
public void clear() {
    ...
    if (state == Status.CLEARED) {
        return;
    }
    
    state = Status.CLEARED;

    if (target != null) {
        target.onLoadCleared(getPlaceholderDrawable());
    }
    ...
}

这里会调用ImageViewTarget的onLoadCleared()方法,

Kotlin 复制代码
  @Override
  public void onLoadCleared(@Nullable Drawable placeholder) {
    super.onLoadCleared(placeholder);
    if (animatable != null) {
      animatable.stop();
    }
    setResourceInternal(null);
    setDrawable(placeholder);
  }

如果我们使用Glide时没有设置placeholder占位图,这里的placeholder则为null,这是导致ImageView有短暂透明状态的直接原因。

此时,我们只要重写onLoadCleared()方法即可解决此类问题:

Kotlin 复制代码
Glide.with(vh.image)           
                .asBitmap()
                .load(image)
                .fitCenter()
                .override(com.bumptech.glide.request.target.Target.SIZE_ORIGINAL, com.bumptech.glide.request.target.Target.SIZE_ORIGINAL)
                .into(object : CustomTarget<Bitmap?>() {
                    override fun onResourceReady(
                        resource: Bitmap,
                        @Nullable transition: Transition<in Bitmap?>?
                    ) {
                        vh.image.setImageBitmap(resource) // 直接设置 Bitmap,避免清空 ImageView
                    }

                    override fun onLoadCleared(@Nullable placeholder: Drawable?) {
                    }
                })
相关推荐
Digitally1 小时前
如何将文件从 iPhone 传输到 Android(新指南)
android·ios·iphone
whysqwhw2 小时前
OkHttp深度架构缺陷分析与演进规划
android
用户7093722538512 小时前
Android14 SystemUI NotificationShadeWindowView 加载显示过程
android
木叶丸3 小时前
跨平台方案该如何选择?
android·前端·ios
顾林海4 小时前
Android ClassLoader加载机制详解
android·面试·源码
用户2018792831674 小时前
🎨 童话:Android画布王国的奇妙冒险
android
whysqwhw4 小时前
OkHttp框架的全面深入架构分析
android
你过来啊你4 小时前
Android App冷启动流程详解
android
泓博5 小时前
KMP(Kotlin Multiplatform)改造(Android/iOS)老项目
android·ios·kotlin
移动开发者1号5 小时前
使用Baseline Profile提升Android应用启动速度的终极指南
android·kotlin