android - 如何在 RecyclerView 中制作 react 性项目？

Question

假设我们想要列出所有有进度的下载文件(这只是一个显示问题的示例)。

每个项目都可以用这个简单的类来表示:

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

现在您可以看到进度是一个常数值。每当下载进度发生变化时，我们都必须重新加载我们的 RecyclerView 或至少一个代表我们项目的特定 ViewHolder。当然，使用 notifyItemChanged() 或 DiffUtil 会很容易，但让我们把问题变得更复杂，并假设重新绑定(bind)可能会产生一些不需要的 View 更改(比如停止启动的动画)等)或变化非常频繁。因此，唯一的解决方案是让我们的项目更具 react 性，并将持续的进度更改为 LiveData 或 Observable 对象。但是如何实现呢？

Answer 1

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

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

一个 viewHolder，它保留对 id 的引用，一旦它被回收，我们就可以使用它从 map 中删除它。

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)
    }

}

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

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()

        }
    }
}

这是演示的样子