RecyclerView 局部刷新
相信现在已经很少人不用 RecyclerView 了,如果只有一个 item 的数据源改变的时候,大家都会用 notifyItemChanged(int position) 而不是 notifyDataSetChanged ,这就是最简单的局部刷新。但是这还不够,有时候我们需要只刷新一个 item 的 某条数据,比较熟悉的例子是微信朋友圈点赞,这时候怎么办呢?答案是还是用 notifyItemChanged 方法,不过是它的重载方法,notifyItemChanged(int position, @Nullable Object payload)。
小tips
我们默认调用 notifyItemChanged 会发现 item 会闪一下,这是 RecyclerView 默认动画的缘故,由于各种各样的原因(设计师觉得不美观,动画相对来说耗性能),我们会去掉这个动画,简单粗暴的方法是直接设置 RecyclerView 的默认动画为空:recycler.itemAnimator = null
但是 RecyclerView 默认的增加、移除 item 的动画挺好看的,如果我们的需求是只去掉 item 更新的闪动动画,可以这样做:
fun RecyclerView.closeChangeAnim() { if (this.itemAnimator is DefaultItemAnimator) { (this.itemAnimator as DefaultItemAnimator).supportsChangeAnimations = false } }
言归正传,要想局部刷新成功,只调用 notifyItemChanged(int position, @Nullable Object payload) 是没有效果的,还要重写 onBindViewHolder(ViewHolder holder, int position, List<Object> payload)方法。下面是示例代码:
MyBean
data class MyBean(
val title: String = "",
val content: String = ""
)
MyAdapter
class MyAdapter(val datas: MutableList<MyBean>) :
RecyclerView.Adapter<MyAdapter.MyViewHolder>() {
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
val view = LayoutInflater.from(parent.context).inflate(R.layout.item, parent, false)
return MyViewHolder(view)
}
override fun getItemCount(): Int {
return datas.size
}
override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
holder.titleTv.text = datas[position].title
holder.contentTv.text = datas[position].content
}
override fun onBindViewHolder(holder: MyViewHolder, position: Int, payloads: MutableList<Any>) {
if (payloads.isNullOrEmpty().not()) {
val newTitle = payloads[0].toString()
holder.titleTv.text = newTitle
Log.d(TAG, "onBindViewHolder:payloads=${payloads} ")
} else {
// payloads 为空,整个ViewHolder
super.onBindViewHolder(holder, position, payloads)
Log.d(TAG, "onBindViewHolder:payloads=null ")
}
}
class MyViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
val titleTv = itemView.findViewById<TextView>(R.id.item_title)
val contentTv = itemView.findViewById<TextView>(R.id.item_content)
}
}
MainActivity
private const val TAG = "MainActivity"
class MainActivity : AppCompatActivity() {
lateinit var recycler: RecyclerView
lateinit var adapter: MyAdapter
lateinit var refreshItemBtn: Button
lateinit var refreshItemTitleBtn: Button
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
init()
}
private fun init() {
recycler = findViewById(R.id.rv)
recycler.layoutManager = LinearLayoutManager(this)
val datas = mutableListOf<MyBean>().apply {
for (i in 1..50) {
add(MyBean("title$i", "content$i"))
}
}
adapter = MyAdapter(datas)
recycler.adapter = adapter
refreshItemBtn = findViewById(R.id.refresh_item_btn)
refreshItemTitleBtn = findViewById(R.id.refresh_title_btn)
refreshItemBtn.setOnClickListener {
val item = MyBean("New Title","New Content")
adapter.datas[5] = item
adapter.notifyItemChanged(5)
}
refreshItemTitleBtn.setOnClickListener {
// val item = MyBean("New Title","New Content")
// adapter.datas[5] = item
adapter.notifyItemChanged(5,"New Title")
}
}
}
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:orientation="horizontal"
android:layout_height="50dp">
<Button
android:id="@+id/refresh_item_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<Button
android:id="@+id/refresh_title_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rv"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:orientation="vertical"
android:gravity="center_vertical"
android:padding="10dp"
android:layout_height="wrap_content">
<TextView
android:id="@+id/item_title"
android:layout_marginLeft="20dp"
android:textSize="20sp"
android:textStyle="bold"
android:text="This is title."
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:layout_marginTop="8dp"
android:id="@+id/item_content"
android:layout_marginLeft="20dp"
android:text="This is content."
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
以上代码还是挺简单的,一言蔽之就是把 item 拆分为单独的控件更新,更细粒度出刷新,这也与我们局部刷新的目标一致。
自定义 View 局部刷新
当某些 View 比较复杂层级比较多时,可以根据实际情况用自定义 View 替代,如果这时我们需要只刷新部分区域时,Android 系统也提供了两个局部刷新的方法
- invalidate(Rect dirty)
- invalidate(int l, int t, int r, int b)
不过,随着系统版本的迭代,官方已标记这两个方法为 @Deprecated,推荐直接用 invalidate() 方法。