那些遇到过的问题

为什么在带有数据绑定的recyclerview中UI有时无法更新？

lin*_*rox 5 android kotlin android-recyclerview android-databinding

我在 recyclerview 中有一个包含 5 个元素的列表，设置就像一个待办事项列表。每行的复选框上都有一个侦听器，出于此最小可重现示例的目的，每当您选中任何框时，它都会随机设置 5 个复选框的值。当某个项目未被选中时，它应该以黑色文本显示，当一个项目被选中时，它应该以灰色文本和斜体显示。

当我选中某个框并重置值时，通常 UI 会按预期更新。但是，有时一项会出现错误的布局，因此复选框显示正确的值，但文本样式错误。为什么这种行为不一致？如何确保每次都刷新 UI？

这是整个 MRE：

MainActivity.kt

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.databinding.DataBindingUtil
import androidx.recyclerview.widget.LinearLayoutManager
import com.dalydays.android.mre_recyclerview_refresh_last_item.databinding.ActivityMainBinding
import kotlin.random.Random

class MainActivity : AppCompatActivity() {

    private lateinit var adapter: ToDoAdapter

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val binding: ActivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main)

        binding.lifecycleOwner = this

        binding.itemsList.layoutManager = LinearLayoutManager(this)

        val onCheckboxClickListener: (ToDoItem) -> Unit = { _ ->
            adapter.submitList(getSampleList())
        }

        adapter = ToDoAdapter(onCheckboxClickListener)

        binding.itemsList.adapter = adapter

        adapter.submitList(getSampleList())
    }

    private fun getSampleList(): List<ToDoItem> {
        val sampleList = mutableListOf<ToDoItem>()

        sampleList.add(ToDoItem(id=1, description = "first item", completed = Random.nextBoolean()))
        sampleList.add(ToDoItem(id=2, description = "second item", completed = Random.nextBoolean()))
        sampleList.add(ToDoItem(id=3, description = "third item", completed = Random.nextBoolean()))
        sampleList.add(ToDoItem(id=4, description = "fourth item", completed = Random.nextBoolean()))
        sampleList.add(ToDoItem(id=5, description = "fifth item", completed = Random.nextBoolean()))

        return sampleList
    }
}
Run Code Online (Sandbox Code Playgroud)

ToDoItem.kt

data class ToDoItem(
    var id: Long? = null,
    var description: String,
    var completed: Boolean = false
)
Run Code Online (Sandbox Code Playgroud)

ToDoAdapter.kt

import android.view.LayoutInflater
import android.view.ViewGroup
import androidx.recyclerview.widget.DiffUtil
import androidx.recyclerview.widget.ListAdapter
import androidx.recyclerview.widget.RecyclerView
import com.dalydays.android.mre_recyclerview_refresh_last_item.databinding.ChecklistItemCheckedBinding
import com.dalydays.android.mre_recyclerview_refresh_last_item.databinding.ChecklistItemUncheckedBinding

const val ITEM_UNCHECKED = 0
const val ITEM_CHECKED = 1

class ToDoAdapter(private val onCheckboxClick: (ToDoItem) -> Unit): ListAdapter<ToDoItem, RecyclerView.ViewHolder>(ToDoItemDiffCallback()) {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
        return when (viewType) {
            ITEM_CHECKED -> ViewHolderChecked.from(parent)
            else -> ViewHolderUnchecked.from(parent)
        }
    }

    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
        val toDoItem = getItem(position)
        when (holder) {
            is ViewHolderChecked -> {
                holder.bind(toDoItem, onCheckboxClick)
            }
            is ViewHolderUnchecked -> {
                holder.bind(toDoItem, onCheckboxClick)
            }
        }
    }

    override fun getItemViewType(position: Int): Int {
        val toDoItem = getItem(position)
        return when (toDoItem.completed) {
            true -> ITEM_CHECKED
            else -> ITEM_UNCHECKED
        }
    }

    class ViewHolderChecked private constructor(private val binding: ChecklistItemCheckedBinding)
        : RecyclerView.ViewHolder(binding.root) {

        fun bind(toDoItem: ToDoItem, onCheckboxClick: (ToDoItem) -> Unit) {
            binding.todoItem = toDoItem
            binding.checkboxCompleted.setOnClickListener {
                onCheckboxClick(toDoItem)
            }
            binding.executePendingBindings()
        }

        companion object {
            fun from(parent: ViewGroup): ViewHolderChecked {
                val layoutInflater = LayoutInflater.from(parent.context)
                return ViewHolderChecked(ChecklistItemCheckedBinding.inflate(layoutInflater, parent, false))
            }
        }
    }

    class ViewHolderUnchecked private constructor(private val binding: ChecklistItemUncheckedBinding)
        : RecyclerView.ViewHolder(binding.root) {

        fun bind(toDoItem: ToDoItem, onCheckboxClick: (ToDoItem) -> Unit) {
            binding.todoItem = toDoItem
            binding.checkboxCompleted.setOnClickListener {
                onCheckboxClick(toDoItem)
            }
            binding.executePendingBindings()
        }

        companion object {
            fun from(parent: ViewGroup): ViewHolderUnchecked {
                val layoutInflater = LayoutInflater.from(parent.context)
                return ViewHolderUnchecked(ChecklistItemUncheckedBinding.inflate(layoutInflater, parent, false))
            }
        }
    }
}


class ToDoItemDiffCallback : DiffUtil.ItemCallback<ToDoItem>() {
    override fun areItemsTheSame(oldItem: ToDoItem, newItem: ToDoItem): Boolean {
        return oldItem.id == newItem.id
    }

    override fun areContentsTheSame(oldItem: ToDoItem, newItem: ToDoItem): Boolean {
        return oldItem == newItem
    }
}
Run Code Online (Sandbox Code Playgroud)

活动主文件

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

        <data>

        </data>

        <RelativeLayout
            android:id="@+id/linearLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/items_list"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:paddingStart="8dp"
                    android:paddingEnd="8dp"
                    android:scrollbars="none" />

        </RelativeLayout>
</layout>
Run Code Online (Sandbox Code Playgroud)

checklist_item_checked.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
            name="todoItem"
            type="com.dalydays.android.mre_recyclerview_refresh_last_item.ToDoItem" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <CheckBox
            android:id="@+id/checkbox_completed"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:checked="@{todoItem.completed}"
            android:textAppearance="?attr/textAppearanceListItem"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/tv_description"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:layout_marginEnd="8dp"
            android:ellipsize="end"
            android:text="@{todoItem.description}"
            android:textAppearance="?attr/textAppearanceListItem"
            android:textColor="#65000000"
            android:textStyle="italic"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@+id/checkbox_completed"
            app:layout_constraintTop_toTopOf="parent"
            tools:text="Mow the lawn" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>
Run Code Online (Sandbox Code Playgroud)

checklist_item_unchecked.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
            name="todoItem"
            type="com.dalydays.android.mre_recyclerview_refresh_last_item.ToDoItem" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <CheckBox
            android:id="@+id/checkbox_completed"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:checked="@{todoItem.completed}"
            android:textAppearance="?attr/textAppearanceListItem"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/tv_description"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:layout_marginEnd="8dp"
            android:ellipsize="end"
            android:text="@{todoItem.description}"
            android:textAppearance="?attr/textAppearanceListItem"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@+id/checkbox_completed"
            app:layout_constraintTop_toTopOf="parent"
            tools:text="Mow the lawn" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>
Run Code Online (Sandbox Code Playgroud)

lin*_*rox 0

也许不是“最好”的解决方案，但这就是我想出的。我确定复选框动画和 recyclerview 刷新动画之间的时间可能存在问题。有时，根据 recyclerview 进行 diff 所需的时间，recyclerview 可以在复选框完成动画之前或之后尝试刷新。当它之前完成时，复选框动画会阻止 recyclerview 动画并使 UI 处于错误状态。否则它看起来会按预期工作。

我决定手动运行，adapter.notifyItemChanged(position)尽管RecyclerView.ListAdapter应该自动处理这个问题。它的动画效果仍然有些不一致，具体取决于 diff 何时完成计算，但它比让 UI 处于不良状态要好得多，而且比每次使用 刷新整个列表要好得多notifyDataSetChanged()。

在 MainActivity 中，将复选框监听器更改为：

val onCheckboxClickListener: (ToDoItem, Int) -> Unit = { _, position ->
    adapter.submitList(getSampleList())
    adapter.notifyItemChanged(position)
}
Run Code Online (Sandbox Code Playgroud)

在 ToDoAdapter 中，将类头更改为：

class ToDoAdapter(private val onCheckboxClick: (ToDoItem, Int) -> Unit): ListAdapter<ToDoItem, RecyclerView.ViewHolder>(ToDoItemDiffCallback()) {
Run Code Online (Sandbox Code Playgroud)

并将两个 bind() 函数更改为：

fun bind(toDoItem: ToDoItem, onCheckboxClick: (ToDoItem, Int) -> Unit) {
    binding.todoItem = toDoItem
    binding.checkboxCompleted.setOnClickListener {
        onCheckboxClick(toDoItem, layoutPosition)
    }
    binding.executePendingBindings()
}
Run Code Online (Sandbox Code Playgroud)

归档时间：

查看次数：

1646 次

最近记录：

6 年，8 月 前
相关归档
处理EditText焦点的事件 134
在嵌套Scrollview滚动内的Recyclerview,但不像普通的Recyclerview或Nested Scrollview那样快速滚动 90
从adb命令获取设备信息(例如产品,型号) 69
基于构建类型和风格的Gradle依赖性 46
如何在使用导航组件导航时保存片段状态 23
IllegalStateException：CompositionLocal LocalConfiguration 不存在 Android 6
RecyclerView + Glide显示结果一团糟 5
为什么在Kotlin中可以将高阶函数的扩展函数参数作为常规函数调用？ 5
如何使用 Kotlin 在 android studio 中使用 FTP 上传小文件或图像 3
查找Recycler视图中的第一个可见项是否是列表的第一项 0
难疑归档
关闭/隐藏Android软键盘 3641
迭代字典的最佳方法是什么？ 2455
如何在macOS或OS X上安装pip？ 1676
如何修复java.lang.UnsupportedClassVersionError:不支持的major.minor版本 1532
Make .gitignore会忽略除少数文件之外的所有内容 1531
如何在Bash中将变量设置为命令的输出？ 1513
如何使用jQuery获取元素的ID？ 1320
从JS数组中删除重复值 1225
Android SDK安装找不到JDK 1185
更改列:null为非null 1177