本文涉及的代码案例可以在下方的链接中找到,如果对你有帮助,请给个Star(#^.^#)
问题分析
这段时间业务需求用到RecyclerView瀑布流加载并展示大批量图片,但一开始单纯使用RecyclerView直接加载图片,使得显示上出现了滑动到顶端时闪烁,Item自动切换位置(切换后数据与展示的画面并不一致),顶端出现空白等等问题,体验上十分差劲,于是开始了优化之旅。现在把优化过程和方法记录下来,供有用者参考。
这是优化之前的展示画面,可以看到存在诸多问题。
解决方案
① 在网上查阅资料时,有网友提供了一个解决方案
layoutManager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE)
这种方法确实可以解决滑动到顶端时Item左右切换的问题,但远远不够。加载瀑布流时仍然存在列的跳动、闪烁、顶端有空白等问题,需要进一步优化。
② 为什么会出现这种列跳动、item闪烁、空白的问题呢?经过分析,应该是由于我们加载的图片高度不确定(宽度确定因为可以根据屏幕宽度和每行Item数目进行等分),而当我们向RecyclerView下方滑动一段距离后,由于ViewHolder的回收机制,item的尺寸并不确定,滑回到上方时Item需要重新自行绘制,于是这个又导致重绘,所以会有闪烁、跳动、空白等问题。说到底,只要我们在重绘前确定了Item的尺寸,那么就可以避免Item去重新计算自己的尺寸,就可以避免重绘导致的诸多问题。
这个时候有同学会说了,那我不让RecyclerView回收不就完了,需要你搞这些七拐八弯的门道吗?对于这些同学我只能说:OOM了解一下。