关于RecyclerView使用Glide加载图片导致错位问题总结

本文总结了在使用RecyclerView和Glide加载图片时出现的错位问题及其原因,包括ViewHolder重用机制导致的图片闪烁和错乱。提出了设置占位图、设置TAG以及在onViewRecycled中重置ImageView和取消网络请求等解决方案。
摘要由CSDN通过智能技术生成

前言

使用recyclerView时遇到了图片错位的问题,这个问题网上已经讨论的很成熟,谨以此文章做个总结。

问题产生原因

根本原因: 因为有ViewHolder的重用机制,每一个item在移出屏幕后都会被重新使用以节省资源,避免滑动卡顿。

场景A:
1.第一次进入页面,RecyclerView载入,不做任何触摸操作
2.Adapter经过onCreateViewHolder()创建当前显示给用户的N个ViewHolder对象,并且在onBind时启动了N条线程加载图片
3.N张图片全部加载完毕,并且显示到对应的ImageView上
4.控制屏幕向下滑动,前K个item离开屏幕可视区域,后K个item进入屏幕可视区域
5.前K个item被回收,重用到后K个item。后K个item显示的图片是前K个item的图片
6.开启了K条线程,加载后K张图片。等待几秒,后K个item显示的图片突然变成了正确的图片

经过细化分析可以看出:如果当前网络速度很快,第6个步骤的加载速度在1秒甚至0.5秒内,就会造成人眼看到的图片闪烁问题,后K个item的图片闪了一下变成了正确的图片。

场景B:
1.第一次进入页面,RecyclerView载入,不做任何触摸操作
2.Adapter经过onCreateViewHolder()创建当前显示给用户的N个ViewHolder对象,并且在onBind时启动了N条线程加载图片
3.结果N张图片全部加载完毕,并且显示到对应的ImageView上,但还有1张未加载

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值