gpt4 book ai didi

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

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:18:59 25 4
gpt4 key购买 nike

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

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

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

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

最佳答案

您可以通过在适配器中保留 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()

}
}
}

这是演示的样子

enter image description here

关于android - 如何在 RecyclerView 中制作 react 性项目?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56379198/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com