RecyclerView 是 Android 官方推荐的用于展示大量数据列表的控件,具有高度的可定制性和灵活性。我们可以通过自定义 LayoutManager、ItemDecoration、ItemAnimator 等来实现不同的布局和动画效果,满足各种需求。同时,RecyclerView 支持局部刷新、数据更新等操作,能够提高列表的性能和交互体验,在我们工作当中使用得也非常频繁。
但最近在做性能检测的过程当中,设置了多布局的 RecyclerView 在快速滑动中会有一些卡顿,所以将解决方案在此文记录一下
首先需要复习一下实现 RecyclerView 的两个方法 :onCreateViewHolder 和 onBindViewHolder
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {val view = LayoutInflater.from(parent.context).inflate(R.layout.item_layout, parent, false)return MyViewHolder(view)}
主要是 View 的渲染工作(耗时)和构建 ViewHolder 并返回
override fun onBindViewHolder(holder: MyViewHolder, position: Int) {val item = itemList[position]holder.bind(item)}
主要的工作是将已有的数据设置在 View 上进行显示处理
当 RecyclerView 滑动时,它会根据当前屏幕上显示的 item 数量和位置进行复用已有的 ViewHolder 对象,这种复用的机制可以避免频繁创建和销毁 ViewHolder 对象,提高性能。
也就是说,在理想和一般的情况下,滑动时只调用 onBindViewHolder,并不会调用 onCreateViewHolder(实际上会偶发调用)
但是如果设置了多布局的情况下,onCreateViewHolder 就会疯狂调用,因为渲染布局是在主线程中进行的,所以在这种情况下快速滑动时会 在主线程大量渲染布局 从而引发卡顿
现在有两个问题:① onCreateViewHolder 频繁得调用 ② 布局的渲染在主线程
解决方案:① 缓存 ② 线程池
class MyAdapter : RecyclerView.Adapter<MyAdapter.MyViewHolder>() {private val cacheViewSize = 10 // 可根据实际需求调整缓存大小private val executors = Executors.newSingleThreadExecutor()private val cacheMap = mutableMapOf<Int, LinkedList<View>>()override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {val layoutResId = R.layout.xxx // 不同的 viewType 有不同的布局自行处理即可val cacheViewOrGenerateView = getView(parent, layoutResId)return MyViewHolder(cacheViewOrGenerateView)}private fun getView(parent: ViewGroup, layoutRes: Int): View {if (cacheMap[layoutRes] == null) {cacheMap[layoutRes] = LinkedList()}cacheMap[layoutRes]?.let { list ->if (list.isEmpty()) {viewCache(parent, layoutRes)} else {val view = list.poll()if (view != null) {viewCache(parent, layoutRes) // 拿一个补一个return view}}}return LayoutInflater.from(parent.context).inflate(layoutRes, parent, false) // 兜底处理}/*** 渲染布局至缓存,直到 cacheViewSize 为止*/private fun viewCache(parent: ViewGroup, layoutRes: Int) {executors.execute {cacheMap[layoutRes]?.let { list ->while (list.size < cacheViewSize) {list.add(parent.getItemView(layoutRes))}}}}// ....open class MyViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {}
}
将布局的渲染放线程池里执行,并设置固定缓存,onCreateViewHolder 中的 View 优先从缓存中获取,若没有缓存使用同步渲染作兜底处理