Android 优化之局部刷新

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() 方法。