图片加载错乱,Glide无法设置Tag解决方式

简介: 图片加载错乱,Glide无法设置Tag解决方式

因为Adapter对View的复用以及图片网络请求的耗时问题有时候在快速滑动且网络不佳的情况下会出现图片加载错乱。

即滑动到屏幕内发出网络请求,但并未请求完成就已滑出屏幕,待到请求完成时,就加载到了其它ItemView上。

常用的做法是将uri设置为ImageView的tag例如:

        String title = dataBean.getTitle();
        String uri = dataBean.getThumbnail_pic_s();
        holder.mImgContentItem.setTag(uri);
        if(holder.mImgContentItem.getTag()!=null&&uri==holder.mImgContentItem.getTag(){
            holder.mImgContentItem.setImageResource();
            holder.mTextContentItem.setText(title);
        }
1
2
3
4
5
6
7

即在加载前将图片uri传递给ImageView,在要展示图片前,将当前请求的uri和ImageView做对比判断,是同一个,才进行加载。


但是当我们使用Glide做图片加载的时候这么设置会出现You must not call setTag() on a view Glide is targeting 错误提示。

此时我们只需要通过setTag(key,object)来进行设置即可:

String title = dataBean.getTitle();
        String uri = dataBean.getThumbnail_pic_s();
        holder.mImgContentItem.setTag(R.id.imageid,uri);
        if(holder.mImgContentItem.getTag(R.id.imageid)!=null&&uri==holder.mImgContentItem.getTag(R.id.imageid)){
            Glide.with(mContext).load(uri).into(holder.mImgContentItem);
            holder.mTextContentItem.setText(title);
        }
1
2
3
4
5
6
7

注意:setTag内第一个参数key,必须是resource资源,只需在res-value内建立一个ids.xml即可,内部代码:


<?xml version="1.0" encoding="utf-8"?>

<resources>

   <item name="imageid" type="id"/>

</resources>

1

2

3

4

然后就可以通过R.id进行引用了



目录
相关文章
|
6月前
|
缓存 Ubuntu JavaScript
踩坑记录:QML加载图片资源
踩坑记录:QML加载图片资源
767 0
Glide源码学习八:实现带进度的Glide图片加载功能
Glide源码学习八:实现带进度的Glide图片加载功能
|
3月前
|
缓存
Flutter Image从网络加载图片刷新、强制重新渲染
Flutter Image从网络加载图片刷新、强制重新渲染
116 1
|
6月前
图片加载失败时怎样替换?
图片加载失败时怎样替换?
|
6月前
|
缓存
自定义SDWebImage图片缓冲区自清理机制
自定义SDWebImage图片缓冲区自清理机制
121 0
html+css+js图片加载失败设置默认图片
html+css+js图片加载失败设置默认图片
131 0
|
JavaScript 前端开发 API
图片懒加载的三种解决方法
学习前端,三板斧,HTML、CSS、JavaScript。JavaScript 基础由 DOM、BOM、ECMAScript 组成,其中 ECMAScript 为规范语言,现在说的 ES6(ES2016~ES2022) 指的就是它,隔段时间就会发布,目前一年发布一次,以年份来说,现在是 ECMAScript 2022。
408 0
图片懒加载的三种解决方法
|
缓存 Android开发
android Fragment单页面加载,避免重复加载(懒加载)分析
android Fragment单页面加载,避免重复加载(懒加载)分析
|
缓存 Android开发
Android笔记:使用Glide加载图片刷新时会闪烁
Android笔记:使用Glide加载图片刷新时会闪烁
1264 0