前言
使用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张未加载