RecyclerView.ViewHolder滚动离开后丢失动画状态（未被回收）

这个问题其实是RecyclerView复用机制下的典型状态管理问题——ViewHolder被回收复用后，之前的动画状态没有和数据模型绑定，导致滚动回来后UI状态和实际数据不一致。下面我给你一步步拆解解决方案：

核心思路：让数据模型驱动所有UI状态 #

RecyclerView的ViewHolder是复用池管理的，所以绝对不能在ViewHolder里保存条目状态，所有状态（包括是否收藏、动画是否在播放）都要存在对应的数据模型中，绑定ViewHolder时完全从数据模型同步状态。

具体实现步骤 #

1. 完善你的数据模型 #

给每个列表项的数据类添加必要的状态字段，比如：

data class ListItem(
    val id: Long,
    // 数据库中保存的收藏状态
    var isFavorited: Boolean,
    // 标记是否需要触发动画（处理点击后未完成动画就滚动的情况）
    var needPlayAnimation: Boolean = false
)

2. 优化ViewHolder的动画管理 #

在ViewHolder中封装动画的初始化、播放和清理逻辑，同时在回收时取消动画，避免状态混乱：

class ItemViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
    val heartIv: ImageView = itemView.findViewById(R.id.heart_image)
    
    // 初始化填充动画（从XML加载）
    private val fillAnimator: Animator = AnimatorInflater.loadAnimator(itemView.context, R.animator.fill_heart).apply {
        setTarget(heartIv)
        addListener(object : Animator.AnimatorListener {
            override fun onAnimationEnd(animation: Animator?) {
                // 动画结束后设置最终状态
                heartIv.setImageResource(R.drawable.ic_filled_heart)
            }
            override fun onAnimationStart(animation: Animator?) {}
            override fun onAnimationCancel(animation: Animator?) {}
            override fun onAnimationRepeat(animation: Animator?) {}
        })
    }

    // 初始化破碎动画（从XML加载）
    private val breakAnimator: Animator = AnimatorInflater.loadAnimator(itemView.context, R.animator.break_heart).apply {
        setTarget(heartIv)
        addListener(object : Animator.AnimatorListener {
            override fun onAnimationEnd(animation: Animator?) {
                heartIv.setImageResource(R.drawable.ic_empty_heart)
            }
            override fun onAnimationStart(animation: Animator?) {}
            override fun onAnimationCancel(animation: Animator?) {}
            override fun onAnimationRepeat(animation: Animator?) {}
        })
    }

    // 播放填充动画
    fun playFillAnim() {
        breakAnimator.cancel()
        fillAnimator.start()
    }

    // 播放破碎动画
    fun playBreakAnim() {
        fillAnimator.cancel()
        breakAnimator.start()
    }

    // 回收ViewHolder时清理动画，防止内存泄漏和状态残留
    override fun onViewRecycled() {
        super.onViewRecycled()
        fillAnimator.cancel()
        breakAnimator.cancel()
    }
}

3. 修正Adapter的绑定逻辑 #

在onBindViewHolder中，强制从数据模型同步UI状态，不管ViewHolder之前是什么状态：

override fun onBindViewHolder(holder: ItemViewHolder, position: Int) {
    val item = getItem(position)
    
    // 第一步：设置ImageView的初始状态（完全从数据模型读取）
    if (item.isFavorited) {
        holder.heartIv.setImageResource(R.drawable.ic_filled_heart)
    } else {
        holder.heartIv.setImageResource(R.drawable.ic_empty_heart)
    }

    // 第二步：如果需要播放动画（比如点击后未完成就滚动），触发动画
    if (item.needPlayAnimation) {
        if (item.isFavorited) {
            holder.playFillAnim()
        } else {
            holder.playBreakAnim()
        }
        item.needPlayAnimation = false // 触发后重置标记，避免重复播放
    }

    // 第三步：设置点击事件，更新数据模型并触发动画
    holder.heartIv.setOnClickListener {
        // 1. 更新数据模型状态
        val newState = !item.isFavorited
        item.isFavorited = newState
        item.needPlayAnimation = true

        // 2. 触发对应动画
        if (newState) {
            holder.playFillAnim()
        } else {
            holder.playBreakAnim()
        }

        // 3. 保存状态到数据库
        yourDatabase.updateFavoriteStatus(item.id, newState)
    }
}

关键注意事项 #

• 绝对不要依赖ViewHolder的缓存状态：每次绑定都必须从数据模型重新设置UI，因为ViewHolder可能被用来展示完全不同的条目。
• 回收时清理动画：在onViewRecycled中取消所有正在播放的动画，防止ViewHolder复用后动画继续执行，导致UI错乱。
• 动画状态和数据模型绑定：如果需要处理“点击后动画未完成就滚动”的场景，用数据模型的标记来控制是否需要重新触发动画，而不是依赖ViewHolder的内存状态。

如果你的动画是用AnimatedVectorDrawable实现的，逻辑也是类似的——绑定的时候设置对应的Drawable，根据数据模型状态决定是否启动动画即可。

内容的提问来源于stack exchange，提问作者Hampus Londögård