盒子
盒子
文章目录
  1. 简介
  2. 优化技巧
    1. 1. 使用 DiffUtil
    2. 2. 使用 ViewHolder
    3. 3. 使用异步加载
    4. 4. 合理使用布局管理器
    5. 5. 使用数据绑定
    6. 6. 减少布局中嵌套层级
    7. 7. 设置 Recyclerview 的固定大小
    8. 8. 禁止自动滑动
    9. 9. 使用预加载
  3. 结论
  4. 推荐

RecyclerView优化实战指南

在 Android 开发中,RecyclerView 是一个非常常用的组件,用于展示大量数据。然而,如果不进行优化,RecyclerView 可能会导致 UI 卡顿、内存泄漏等问题。本文将介绍一些优化技巧,帮助你更好地使用 RecyclerView。

简介

RecyclerView 是 Android 的一个高级 UI 组件,用于展示大量数据。它可以自动回收不可见的视图,并且可以使用不同的布局管理器来实现不同的布局。RecyclerView 还提供了一些回调函数,允许你在视图复用时进行一些自定义操作。

RecyclerView 可以大大简化开发过程,但是如果不进行优化,它可能会导致一些性能问题。下面将介绍一些优化技巧,帮助你充分发挥 RecyclerView 的性能。

优化技巧

对于 RecyclerView,我们可以采用以下优化技巧:

1. 使用 DiffUtil

DiffUtil 是计算两个列表之间差异的工具类,可帮助 RecyclerView 局部刷新数据。使用 DiffUtil 可以提升性能,减少 UI 卡顿。在 Adapter 中重写 DiffUtil.Callback,创建新列表的 DiffResult 与旧列表进行比较,从而更新列表数据。

代码演示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
class MyAdapter : RecyclerView.Adapter<MyViewHolder>() {
// ...
fun updateData(newData: List<Data>) {
val diffResult = DiffUtil.calculateDiff(object : DiffUtil.Callback() {
override fun getOldListSize() = dataSet.size
override fun getNewListSize() = newData.size
override fun areItemsTheSame(oldItemPosition: Int, newItemPosition: Int) =
dataSet[oldItemPosition].id == newData[newItemPosition].id
override fun areContentsTheSame(oldItemPosition: Int, newItemPosition: Int) =
dataSet[oldItemPosition] == newData[newItemPosition]
})
diffResult.dispatchUpdatesTo(this)
dataSet = newData
}
}

2. 使用 ViewHolder

ViewHolder 是一种模式,用于缓存 RecyclerView 中的视图,减少内存开销,提高性能。使用 ViewHolder,可以在 Adapter 中重写 onCreateViewHolder 方法创建 ViewHolder,并在 onBindViewHolder 方法中获取 ViewHolder 显示的 view,并更新数据。

代码演示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
class MyViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
val titleTextView: TextView = itemView.findViewById(R.id.title)
val subTitleTextView: TextView = itemView.findViewById(R.id.subtitle)
// ...
}

class MyAdapter : RecyclerView.Adapter<MyViewHolder>() {
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
val itemView = LayoutInflater.from(parent.context)
.inflate(R.layout.item_layout, parent, false)
return MyViewHolder(itemView)
}
override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
holder.titleTextView.text = dataSet[position].title
holder.subTitleTextView.text = dataSet[position].subTitle
// ...
}
}

3. 使用异步加载

如果 RecyclerView 需要加载大量数据,可以考虑使用异步加载来避免 UI 卡顿。以下是异步加载的示例:在 onBindViewHolder 中使用线程池 executor 和 ImageLoader 下载图片,并在下载完成后将其设置到 ImageView 上。

代码演示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
class MyAdapter : RecyclerView.Adapter<MyViewHolder>() {
// ...
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
val itemView = LayoutInflater.from(parent.context)
.inflate(R.layout.item_layout, parent, false)
return MyViewHolder(itemView)
}
override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
if (dataSet[position].imageURL != null) {
holder.imageView.setImageResource(R.drawable.placeholder)
holder.imageView.tag = dataSet[position].imageURL
executor.execute {
val bitmap = ImageLoader.fetchBitmapFromURL(dataSet[position].imageURL!!)
if (holder.imageView.tag == dataSet[position].imageURL) {
holder.imageView.post { holder.imageView.setImageBitmap(bitmap) }
}
}
} else {
holder.imageView.setImageBitmap(null)
}
// ...
}
}

object ImageLoader {
// ...
fun fetchBitmapFromURL(url: String): Bitmap? {
// ...
return bitmap
}
}

4. 合理使用布局管理器

RecyclerView 提供多种布局管理器,每种管理器都适用于不同的场景。我们应该根据具体需求选择适合的管理器。以下是布局管理器的示例:

代码演示:

1
2
3
4
5
6
val layoutManager = when (layoutType) {
LayoutType.LINEAR -> LinearLayoutManager(context)
LayoutType.GRID -> GridLayoutManager(context, spanCount)
LayoutType.STAGGERED_GRID -> StaggeredGridLayoutManager(spanCount, orientation)
}
recyclerView.layoutManager = layoutManager

5. 使用数据绑定

数据绑定是一种将数据直接绑定到视图上的技术,减少代码量,提高代码可读性。我们可以在 adapter_layout.xml 中使用 <layout> 标签,将数据绑定到视图的布局文件中,从而减少代码量。

代码演示:

1
2
3
4
5
6
7
8
9
<layout>
<data>
<variable name="data" type="com.example.Data" />
</data>
<LinearLayout ...>
<TextView android:text="@{data.title}" ... />
<TextView android:text="@{data.subtitle}" ... />
</LinearLayout>
</layout>

在 Adapter 中使用 DataBindingUtil.inflate 方法,将 layout 绑定到 Data 中并设置到 ViewHolder 上。

代码演示:

1
2
3
4
5
6
7
8
9
10
11
12
13
class MyAdapter : RecyclerView.Adapter<MyViewHolder>() {
// ...
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
val binding = ItemLayoutBinding.inflate(
LayoutInflater.from(parent.context), parent, false)
return MyViewHolder(binding.root)
}
override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
holder.binding.data = dataSet[position]
// ...
}
// ...
}

6. 减少布局中嵌套层级

布局中的嵌套层级越多,性能就越低,所以需要尽可能减少嵌套层级。可以使用 ConstraintLayout 或者扁平布局来减少嵌套层级。

7. 设置 Recyclerview 的固定大小

在 Recyclerview 的布局中,设置 android:layout_heightandroid:layout_width 的值为具体数值,可以避免列表项的宽高随着内容的变化而变化,从而使布局横向和纵向的测量也相应变快。

8. 禁止自动滑动

当数据项发生变化,RecyclerView 默认会自动滚动到新位置。如果这种行为不是必需的,可以在 Adapter 中重写 onItemRangeChanged 方法,并在其中禁止滑动。

代码演示:

1
2
3
4
5
6
7
8
override fun onItemRangeChanged(positionStart: Int, itemCount: Int) {
if (itemCount == 1) {
notifyItemChanged(positionStart)
} else {
notifyDataSetChanged()
}
recyclerView.stopScroll()
}

9. 使用预加载

使用预加载技术可以使 RecyclerView 在滑动过程中提前加载更多数据,保证滑动的流畅性和用户体验。

这些技巧可以根据具体的应用情况来使用,针对不同的问题提供不同的解决方案,从而提升 RecyclerView 的性能。如果需要更高级的功能,可以考虑使用 RecyclerView 提供的其它高级接口。

结论

通过本文,我们介绍了一些优化 RecyclerView 的技巧,包括使用 DiffUtil、使用 ViewHolder、使用异步加载、合理使用布局管理器、使用数据绑定、减少布局中嵌套层级、设置 RecyclerView 的固定大小、禁止自动滑动、使用预加载等。我们可以根据实际需求选择合适的优化方案,提升 RecyclerView 的性能,使其更加流畅。

推荐

android_startup: 提供一种在应用启动时能够更加简单、高效的方式来初始化组件,优化启动速度。不仅支持Jetpack App Startup的全部功能,还提供额外的同步与异步等待、线程控制与多进程支持等功能。

AwesomeGithub: 基于Github的客户端,纯练习项目,支持组件化开发,支持账户密码与认证登陆。使用Kotlin语言进行开发,项目架构是基于JetPack\&DataBinding的MVVM;项目中使用了Arouter、Retrofit、Coroutine、Glide、Dagger与Hilt等流行开源技术。

flutter_github: 基于Flutter的跨平台版本Github客户端,与AwesomeGithub相对应。

android-api-analysis: 结合详细的Demo来全面解析Android相关的知识点, 帮助读者能够更快的掌握与理解所阐述的要点。

daily_algorithm: 每日一算法,由浅入深,欢迎加入一起共勉。

支持一下
赞赏是一门艺术