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

时间:2019-05-30 13:22:14

标签: android android-recyclerview

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

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

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

现在您可以看到进度是一个恒定值。无论何时更改下载进度,我们都必须重新加载RecyclerView或至少一个代表我们项目的特定ViewHolder。当然,使用notifyItemChanged()DiffUtil这将是一件非常容易的任务,但是让问题变得更加复杂,并假设重新绑定可能会产生一些不必要的视图更改(例如停止启动动画等),或者更改非常频繁。因此,唯一的解决方案是使我们的项目更具反应性,并将持续的进度更改为LiveDataObservable对象。但是如何实现呢?

1 个答案:

答案 0 :(得分:1)

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

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

一个viewHolder,保留对ID的引用,一旦回收ID,我们就可以使用该ID将其从地图中删除。

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

        }
    }
}

演示内容如下

enter image description here