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?) {
                    }
                })
相关推荐
henysugar1 小时前
便捷删除Android开发中XML中重复字符串资源的一个办法
android·xml
aqi002 小时前
FFmpeg开发笔记(七十八)采用Kotlin+Compose的NextPlayer播放器
android·ffmpeg·音视频·直播·流媒体
你过来啊你3 小时前
Android开发中技术选型的落地方案
android·技术选型
消失的旧时光-19433 小时前
Android Jetpack 组件库 ->Jetpack Navigation (下)
android·android jetpack
你过来啊你3 小时前
Java面向对象思想解析
android·java
愿天深海3 小时前
Flutter 提取图像主色调 ColorScheme.fromImageProvider
android·前端·flutter
Python涛哥4 小时前
go语言基础教程:【2】基础语法:基本数据类型(整形和浮点型)
android·开发语言·golang
你过来啊你4 小时前
进程线程协程深度对比分析
android·线程·进程·协程
xzkyd outpaper5 小时前
Android中ViewStub和View有什么区别?
android·开发语言·面试·代码
Dnelic-15 小时前
Android 5G NR 状态类型介绍
android·5g·telephony·connectivity·自学笔记·移动网络数据