使用RecycleView优雅的实现数据列表更新

简介: 使用RecycleView优雅的实现数据列表更新

问题描述


关于notifyDataSetChanged的弊端,无需赘言,他会对 Recycleview 的整个列表进行刷新。因此在大数据量场景下(目前此种更新数据方法也不早再是官方推荐的了),这可能是很大的性能障碍。

解决方案:

  1. 使用 ListAdapter 进行局部刷新数据
  2. 使用 DiffUtil.Callback 进行局部刷新数据
  3. 使用notifyItemChanged(int position)notifyItemRangeChanged(int positionStart, int itemCount)notifyItemInserted(int position)notifyItemMoved(int fromPosition, int toPosition)几个 api 进行更新

方法3没什么好说的,本文主要讲方法 1、2方法1的实现是基于方法2进行实现的。

使用这两种方法的 优点如下:

  1. 可以实现数据的局部刷新;例如我们添加、更改、移除数据的时候都可能涉及到 item 布局位置和内容的动态改变,使用新方案可以让这个更新过程以动画的方式进行
  2. 可以提高性能;原因是只有被我们更改的数据 item 的 onBindViewHolder 才会被回调

缺点如下:

  1. 操作数据后 item 回调onBindViewHolder中的position是不可靠的,建议禁止使用position获取数据进行操作
  2. 没有notifyDataSetChanged这种甩手的使用方法方便(哈哈,完全可以被优点覆盖)


对 notifyDataSetChanged 的鞭尸


notifyDataSetChanged的使用很简单,本例我们放一张 gif,展示一个列表,然后将列表进行乱序然后notifyDataSetChanged进行刷新;

image.png

我们可以发现,刷新过程中并没有动画的实现,因为我们对没个 item 设置了随机颜色,所以每次刷新界面闪动很大


ListAdapter 方式


实现代码

RecycleViewListAdapterActivity

关键代码

class RecycleViewListAdapterActivity : AppCompatActivity() {
    var datas = mutableListOf(
        Name("李白"),
        Name("李白1"),
        Name("李白2"),
        Name("李白3"),
        Name("李白4"),
        Name("李白5"),
        Name("李白6"),
    )
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = ActivityRecycleViewListAdapterBinding.inflate(layoutInflater)
        setContentView(binding.root)
        val adapter = CustomListAdapter()
        binding.btnShuffle.setOnClickListener {
            val newData = datas.toMutableList().apply {
                shuffle()
            }
            datas = newData
            adapter.submitList(newData)
        }
        binding.recycle.let {
            it.layoutManager = LinearLayoutManager(this)
            it.adapter = adapter
        }
        adapter.submitList(datas)
    }
    private class CustomListAdapter() : ListAdapter<Name, CustomListHolder>(CustomDiffCallback()) {
        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CustomListHolder {
            val binding =
                ItemTextBinding.inflate(LayoutInflater.from(parent.context), parent, false)
            return CustomListHolder(binding)
        }
        @SuppressLint("SetTextI18n")
        override fun onBindViewHolder(holder: CustomListHolder, position: Int) {
            logEE("执行onBindViewHolder:$position ${getItem(position).name}")
            holder.binding.tv.text = "$position  ${getItem(position).name}"
            holder.binding.root.setBackgroundColor(Color.rgb(randomColor(), randomColor(), randomColor()))
        }
    }
}
class CustomListHolder(val binding: ItemTextBinding) : RecyclerView.ViewHolder(binding.root) {
}
data class Name(val name: String)
class CustomDiffCallback : DiffUtil.ItemCallback<Name>() {
    override fun areItemsTheSame(oldItem: Name, newItem: Name): Boolean {
        return oldItem.name == newItem.name
    }
    override fun areContentsTheSame(oldItem: Name, newItem: Name): Boolean {
        return oldItem == newItem
    }
}
复制代码

效果

使用 ListAdapter 刷新更加流畅,并且有动画

image.png


DiffUtil.Callback 方式


实现代码

RecycleDifferUtilsUesActivity关键代码创建 DifferCallback 方法

class DifferCallback(val oldDatas: List<Name>, val newDatas: List<Name>) : DiffUtil.Callback() {
    override fun getOldListSize(): Int = oldDatas.size
    override fun getNewListSize(): Int = newDatas.size
    override fun areItemsTheSame(oldItemPosition: Int, newItemPosition: Int): Boolean {
        return (oldDatas[oldItemPosition].name == newDatas[newItemPosition].name)
    }
    override fun areContentsTheSame(oldItemPosition: Int, newItemPosition: Int): Boolean {
        return areItemsTheSame(oldItemPosition, newItemPosition)
    }
    override fun getChangePayload(oldItemPosition: Int, newItemPosition: Int): Any? {
        return super.getChangePayload(oldItemPosition, newItemPosition)
    }
}
复制代码

调用刷新数据的代码

val diffResult = DiffUtil.calculateDiff(DifferCallback(old, new))
                    diffResult.dispatchUpdatesTo(it)
复制代码

效果

使用 ListAdapter 刷新更加流畅,并且有动画

image.png

git:github.com/ananananzhu…



相关文章
记一次IDEA的重命名(rename)事故【新手入坑必看】
idea Rename 下方出现的两默认勾选的到底是什么? 1、search in comments and strings 中译:在注释和字符串中搜索 2、search for text occurrences
2595 0
记一次IDEA的重命名(rename)事故【新手入坑必看】
|
XML 数据库 Android开发
android 修改默认APN
android 修改默认APN
1154 0
|
12月前
|
API 开发工具 Android开发
【HarmonyOS 5】鸿蒙中进度条的使用详解
【HarmonyOS 5】鸿蒙中进度条的使用详解
460 7
|
安全 Android开发 Kotlin
Android经典实战之SurfaceView原理和实践
本文介绍了 `SurfaceView` 这一强大的 UI 组件,尤其适合高性能绘制任务,如视频播放和游戏。文章详细讲解了 `SurfaceView` 的原理、与 `Surface` 类的关系及其实现示例,并强调了使用时需注意的线程安全、生命周期管理和性能优化等问题。
800 8
|
Java Android开发
Android面试题经典之Glide取消加载以及线程池优化
Glide通过生命周期管理在`onStop`时暂停请求,`onDestroy`时取消请求,减少资源浪费。在`EngineJob`和`DecodeJob`中使用`cancel`方法标记任务并中断数据获取。当网络请求被取消时,`HttpUrlFetcher`的`cancel`方法设置标志,之后的数据获取会返回`null`,中断加载流程。Glide还使用定制的线程池,如AnimationExecutor、diskCacheExecutor、sourceExecutor和newUnlimitedSourceExecutor,其中某些禁止网络访问,并根据CPU核心数动态调整线程数。
638 2
|
Kotlin
kotlin协程withContext的使用
kotlin协程withContext的使用
686 0
|
JavaScript 前端开发 网络协议
HTTPRunner
HTTPRunner是一种单元测试工具,由于教学的需求,我学习了它,但是我觉得它比Python的Requests类相差太远。作为一个比较流行的工具在这里进行介绍。
308 1
HTTPRunner
|
缓存 JavaScript API
vue3 生命周期(生命周期钩子 vs 生命周期选项 vs 缓存实例的生命周期)
vue3 生命周期(生命周期钩子 vs 生命周期选项 vs 缓存实例的生命周期)
494 0
|
算法 物联网 Shell
Huawei LiteOS 概览
Huawei LiteOS 概览
1094 0
|
消息中间件 传感器 弹性计算
个人云服务器搭建MQTT服务器
MQTT👉MQTT(Message Queuing Telemetry Transport)即消息队列遥测传输协议• 是一个轻量的发布订阅模式消息传输协议,专门针对低带宽和不稳定网络环境的物联网应用设计• 设计者:Andy Stanford-Clark 与 Arlen Nipper• IBM于1999 年首次发布,当前由OASIS MQTT Technical Committee管理• 官方网站:http://mqtt.org/MQTT.fx。
个人云服务器搭建MQTT服务器