RecyclerView内CardView折叠展开动画异常问题咨询

嘿，我之前在做类似的RecyclerView卡片展开功能时也踩过动画失效的坑，结合我的经验，大概率是这几个核心点没处理对，给你一步步梳理解决方案：

1. 别直接用setVisibility(GONE/VISIBLE)触发动画 #

直接切换View的可见性为GONE时，系统会跳过测量和布局阶段，动画根本没机会执行。推荐用Android的TransitionManager来处理状态变化，它会自动捕捉View的状态差异并生成平滑过渡动画：

// 在ViewHolder的箭头点击事件里这么写
arrow.setOnClickListener {
    val isExpanded = helperText.visibility == View.VISIBLE
    // 把CardView或者包含辅助文本的父布局作为过渡容器
    TransitionManager.beginDelayedTransition(itemView as ViewGroup)
    // 切换可见性，TransitionManager会自动生成动画
    helperText.visibility = if (isExpanded) View.GONE else View.VISIBLE
    // 顺便给箭头加个旋转动画，提升交互体验
    arrow.animate().rotation(if (isExpanded) 0f else 180f).setDuration(300).start()
}

2. 必须处理RecyclerView的Item复用问题 #

RecyclerView会复用ItemView，如果你不保存每个Item的展开状态，滑动回来后卡片会自动折叠。所以要在ViewHolder里维护展开状态：

class CardViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
    val helperText: TextView = itemView.findViewById(R.id.tv_helper)
    val expandArrow: ImageView = itemView.findViewById(R.id.iv_arrow)
    // 保存当前Item的展开状态
    var isExpanded = false

    init {
        expandArrow.setOnClickListener {
            isExpanded = !isExpanded
            TransitionManager.beginDelayedTransition(itemView as ViewGroup)
            helperText.visibility = if (isExpanded) View.VISIBLE else View.GONE
            expandArrow.rotation = if (isExpanded) 180f else 0f
        }
    }

    fun bind(data: YourDataModel) {
        // 绑定其他数据...
        // 复用Item时恢复之前的展开状态
        TransitionManager.beginDelayedTransition(itemView as ViewGroup)
        helperText.visibility = if (isExpanded) View.VISIBLE else View.GONE
        expandArrow.rotation = if (isExpanded) 180f else 0f
    }
}

3. 自定义动画的注意事项（如果不用TransitionManager） #

如果想自己写高度或透明度动画，要注意先执行动画，再切换可见性：

折叠动画（高度变化） #

// 先测量辅助文本的真实高度
helperText.measure(View.MeasureSpec.makeMeasureSpec(itemView.width, View.MeasureSpec.EXACTLY), 
                   View.MeasureSpec.UNSPECIFIED)
val targetHeight = helperText.measuredHeight

// 执行折叠动画
helperText.animate()
    .height(0)
    .setDuration(300)
    .withEndAction {
        helperText.visibility = View.GONE
        // 重置高度，避免下次展开异常
        helperText.layoutParams.height = ViewGroup.LayoutParams.WRAP_CONTENT
    }
    .start()

展开动画（高度变化） #

helperText.visibility = View.VISIBLE
helperText.measure(View.MeasureSpec.makeMeasureSpec(itemView.width, View.MeasureSpec.EXACTLY), 
                   View.MeasureSpec.UNSPECIFIED)
val targetHeight = helperText.measuredHeight

helperText.animate()
    .height(targetHeight)
    .setDuration(300)
    .start()

4. 避免RecyclerView默认动画冲突 #

如果你的RecyclerView开启了默认的Item动画，可能会和卡片展开动画冲突，导致动画异常。可以暂时关闭默认动画：

recyclerView.itemAnimator = null

内容的提问来源于stack exchange，提问作者Mauker