如何在RecyclerView中制作反应性物品？

Question

假设我们要列出所有带有进度的下载文件（这只是显示问题的示例）。

每个项目都可以由以下简单类表示：

data class DownloadingFileItem(val url: String, val progress: Int)

现在您可以看到进度是一个恒定值。每当下载进度发生更改时，我们都必须重新加载我们的RecyclerView或至少一个ViewHolder代表我们的商品的商品。当然，使用notifyItemChanged()或会很容易DiffUtil，但是让问题变得更加复杂，并假设重新绑定可能会产生一些不需要的视图更改（例如停止启动动画等），或者更改非常频繁。因此，唯一的解决方案是使我们的项目更具反应性，并不断改变目标LiveData或Observable目标。但是如何实现呢？

Answer 1

ViewHolder您可以通过在适配器中保留映射和稳定 ID 来实现类似的目的。当您想要更新特定项目时，请使用该 id 查找 viewHolder 并更新视图。

data class Item(val id: String, val progress: Int)

一个保留对 id 的引用的 viewHolder，我们可以使用它在回收后将其从地图中删除。

class ObservableViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {

    private val seek = itemView.findViewById<SeekBar>(R.id.seek)
    private val num = itemView.findViewById<TextView>(R.id.num)

    var id: String? = null

    fun bind(item: Item) {
        id = item.id
        num.text = item.id
        seek.progress = item.progress
    }
}

您的适配器

class ObservableAdapter: RecyclerView.Adapter<ObservableViewHolder>() {

    private var items = listOf<Item>()
    private val viewHolderMap = hashMapOf<String, ObservableViewHolder>()

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ObservableViewHolder {
        return ObservableViewHolder(LayoutInflater.from(parent.context).inflate(R.layout.item_layout, parent, false))
    }

    override fun getItemCount(): Int {
        return items.size
    }

    override fun onBindViewHolder(holder: ObservableViewHolder, position: Int) {
        val item = items[position]
        holder.bind(item)
        viewHolderMap[item.id] = holder
    }

    override fun onViewRecycled(holder: ObservableViewHolder) {
        super.onViewRecycled(holder)
        holder.id?.let { viewHolderMap.remove(it) }
    }

    fun updateItems(items: List<Item>) {
        this.items = items
    }

    fun update(item: Item) {
        viewHolderMap[item.id]?.bind(item)
    }

}

这就是我的演示示例更新视图的方式。

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val adapter = ObservableAdapter()
        var items = listOf(
            Item("1", 10),
            Item("2", 20),
            Item("3", 30),
            Item("4", 10),
            Item("5", 20),
            Item("6", 30),
            Item("7", 10),
            Item("8", 20),
            Item("9", 30),
            Item("10", 10),
            Item("11", 20),
            Item("12", 30),
            Item("13", 10),
            Item("14", 20),
            Item("15", 30)
        )

        val recyclerView = findViewById<RecyclerView>(R.id.recyclerview)
        recyclerView.layoutManager = LinearLayoutManager(this)
        recyclerView.adapter = adapter

        adapter.updateItems(items)
        adapter.notifyDataSetChanged()

        findViewById<View>(R.id.cta).setOnClickListener {
            val updated = items[0].copy(progress = items[0].progress + 10)
            adapter.update(updated)
            items = items.toMutableList().apply {
                removeAt(0)
                add(0, updated)
            }
            adapter.updateItems(items)
            // No call to notifyDatasetChanged()

        }
    }
}

这是演示的样子