RecyclerView 动画问题 Android Kotlin

Question

我在 recyclerview 中添加了一个动画来显示下面的过渡。

当我长按一个项目时，它会显示单选按钮并且项目卡会向右移动。问题是，在初始选择后，当我单击或选择其他项目时，item6 和下面的项目再次动画。

谁能解释为什么会发生这种情况以及我该如何解决这个问题。

ListAdapter.kt：

class ListItemAdapter(private val values: List<PlaceholderContent.PlaceholderItem>
) : RecyclerView.Adapter<ListItemAdapter.ItemViewHolder>() {

    private lateinit var itemClick: OnItemClick
    private var selectedIndex: Int = -1
    private var selectedItems: SparseBooleanArray = SparseBooleanArray()
    private var isActive: Boolean = false
    private var activateAnimation: Boolean = false

    fun setItemClick(itemClick: OnItemClick) {
        this.itemClick = itemClick
    }

    override fun onCreateViewHolder(
        parent: ViewGroup,
        viewType: Int
    ): ListItemAdapter.ItemViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(
            R.layout.fragment_item,
            parent,
            false
        )
        return ItemViewHolder(view)
    }

    override fun onBindViewHolder(holder: ItemViewHolder, position: Int) {
        holder.itemView.apply {
            findViewById<TextView>(R.id.item_number).text = values[position].id
            findViewById<TextView>(R.id.content).text = values[position].content
        }

        holder.itemView.findViewById<CardView>(R.id.list_item).setOnClickListener {
            itemClick.onItemClick(values[position], position)
        }

        holder.itemView.findViewById<CardView>(R.id.list_item).setOnLongClickListener {
            itemClick.onLongPress(values[position], position)
            true
        }

        toggleIcon(holder, position)
    }

    override fun getItemCount(): Int {
        return values.size
    }
    
    private fun itemTransition(holder: ItemViewHolder){
        val animator = ObjectAnimator.ofFloat(holder.itemView.findViewById(R.id.list_item), View.TRANSLATION_X, 150f)
        animator.start()
    }

    private fun itemTransitionBack(holder: ItemViewHolder){
        val animator = ObjectAnimator.ofFloat(holder.itemView.findViewById(R.id.list_item), View.TRANSLATION_X, 0f)
        animator.start()
    }


    fun toggleIcon(holder: ItemViewHolder, position: Int){
        val checkBox = holder.itemView.findViewById<RadioButton>(R.id.is_selected)
        if(selectedItems.get(position, false)){
            checkBox.isGone = false
            checkBox.isChecked = true
        }
        else{
            checkBox.isGone = true
            checkBox.isChecked = false
        }
        if(isActive) checkBox.isGone = false

        if(activateAnimation){
            itemTransition(holder)
        }
        else
            itemTransitionBack(holder)

        if(selectedIndex == position) selectedIndex = - 1
    }

    fun selectedItemCount() = selectedItems.size()

    fun toggleSelection(position: Int){

        selectedIndex = position
        if (selectedItems.get(position, false)){
            selectedItems.delete(position)
        }else {
            selectedItems.put(position, true)
        }
        notifyItemChanged(position)

        isActive = selectedItems.isNotEmpty()
        activateAnimation = selectedItems.isNotEmpty()
        notifyDataSetChanged()
    }

    fun clearSelection(){
        selectedItems.clear()
        notifyDataSetChanged()
    }

    interface OnItemClick {
        fun onItemClick(item: PlaceholderContent.PlaceholderItem, position: Int)
        fun onLongPress(item: PlaceholderContent.PlaceholderItem, position: Int)
    }

    inner class ItemViewHolder(itemView: View): RecyclerView.ViewHolder(itemView){
    }

}

ItemFragment.kt

adapter = ListItemAdapter(PlaceholderContent.ITEMS)
val recyclerViewList = view.findViewById<RecyclerView>(R.id.list)
recyclerViewList.adapter = adapter
recyclerViewList.layoutManager = LinearLayoutManager(view.context, LinearLayoutManager.VERTICAL, false)
val myHelper = ItemTouchHelper(myCallback)
myHelper.attachToRecyclerView(recyclerViewList)

adapter.setItemClick(object : ListItemAdapter.OnItemClick{
    override fun onItemClick(
        item: PlaceholderContent.PlaceholderItem,
        position: Int
    ) {
        if(adapter.selectedItemCount() > 0)
            toggleSelection(position)
    }

    override fun onLongPress(
        item: PlaceholderContent.PlaceholderItem,
        position: Int
    ) {
        toggleSelection(position)
    }

})

private fun toggleSelection(position: Int){
    adapter.toggleSelection(position)
}

Answer 1

您可以覆盖getItemViewType(int position)，这将返回始终唯一的视图ID。

@Override
public int getItemViewType(int position) {
    return position;
}

或

@Override
public int getItemViewType(final int position) {
    return R.layout.fragment_item;
}

由于 Android 系统将每个布局的静态引用存储为“R”（资源）类中的 Integer，我们可以简单地返回布局资源 id 以在 onCreateViewHolder() 方法中使用。

Answer 2

您在adapter.toggleSelection(position) 中调用notifyDataSetChanged()，无论此位置是否已更新，这都会重新绑定所有可见视图（并再次运行动画）。

更新

如 cmets 中所述，第 6 项动画的原因很可能是由于 RecyclerView 保留的默认 ViewPool（5 项）。第 6 个视图不是其中的一部分，因此它会重新绑定、重新显示，并且...重新设置动画。

我会做的是：

1. 我可以摆脱notifyDataSetChanged() 吗？你为什么这么叫？
2. 我可以利用RecyclerView-Selection，因为它是一个谷歌图书馆，他们建议我们使用什么？这样做的好处是更少的“自定义”代码。

除此之外，您可以尝试按照 cmets 中 Pawel 的建议增加 RecycledViewPool。请记住，这可能会被视为代码异味，因为不同的分辨率、密度、屏幕尺寸等可能会影响它在运行时的行为；这会很不稳定并且容易失败，但根据您的特定用例，可能会让您暂时摆脱它。

Answer 3

这是一种 hack，但你考虑过使用吗？

holder.setIsRecyclable(false);

如果列表不会很大并且如果它解决了问题，则可以用作快速解决方案。

Answer 4

代替 position 尝试使用 holder.getAdapterPosition() 与您在适配器的绑定方法中执行的所有点击操作相同，

holder.itemView.findViewById<CardView>(R.id.list_item).setOnClickListener {
            itemClick.onItemClick(values[position], holder.getAdapterPosition())
        }

        holder.itemView.findViewById<CardView>(R.id.list_item).setOnLongClickListener {
            itemClick.onLongPress(values[position], holder.getAdapterPosition())
            true
        }

        toggleIcon(holder, holder.getAdapterPosition())