求助：使用animateLayoutChanges时ConstraintLayout及CardView展开收起卡顿

我之前也碰到过这个问题，ConstraintLayout的默认animateLayoutChanges动画和CardView的圆角、阴影绘制逻辑很容易“打架”，加上布局约束重新计算的开销，就会出现明显的卡顿或抖动。下面是几个亲测有效的解决思路：

1. 替换默认布局动画，用TransitionManager手动控制过渡 #

默认的LayoutTransition对复杂视图（比如带阴影的CardView）的适配不够好，手动用TransitionManager可以更精准地控制动画过程：

• 先去掉布局文件里的android:animateLayoutChanges="true"
• 在代码中切换视图可见性时，用AutoTransition自定义动画参数，再触发过渡：

// 初始化过渡动画，可根据需求调整时长和插值器
val smoothTransition = AutoTransition().apply {
    duration = 300
    interpolator = AccelerateDecelerateInterpolator()
    // 禁用可能导致抖动的CHANGE类型过渡
    excludeTarget(ViewGroup::class.java, true)
}

// 切换展开/收起状态时
TransitionManager.beginDelayedTransition(yourCardView, smoothTransition)
expandableView.visibility = if (isExpanded) View.GONE else View.VISIBLE
isExpanded = !isExpanded

这个方法能避免默认动画触发的不必要布局重绘，让CardView的尺寸变化更平滑。

2. 优化CardView的绘制性能 #

CardView的阴影和圆角绘制本身就有一定性能开销，动画时如果过度绘制严重，会直接导致卡顿：

• 给CardView添加android:outlineProvider="bounds"，让系统用更高效的方式绘制阴影
• 确保CardView及其子视图开启硬件加速（默认是开启的，但如果手动关闭过要改回来）：

  <androidx.cardview.widget.CardView
      ...
      android:hardwareAccelerated="true" />
  

• 如果CardView内有大量子视图，比如图片、列表，要给这些子视图做性能优化（比如图片压缩、RecyclerView用ViewHolder复用）

3. 用ConstraintSet配合TransitionManager做约束过渡 #

如果你的CardView展开/收起时涉及约束变化，用ConstraintLayout自带的ConstraintSet过渡会比默认动画更适配：

• 先创建两个布局文件：一个是收起状态的CardView布局，一个是展开状态的
• 在代码中加载这两个ConstraintSet，用TransitionManager切换：

val collapsedSet = ConstraintSet().apply { load(context, R.layout.card_collapsed) }
val expandedSet = ConstraintSet().apply { load(context, R.layout.card_expanded) }

val transition = AutoTransition().apply { duration = 300 }

TransitionManager.beginDelayedTransition(yourCardView, transition)
if (isExpanded) {
    collapsedSet.applyTo(yourCardView)
} else {
    expandedSet.applyTo(yourCardView)
}
isExpanded = !isExpanded

这种方式能让ConstraintLayout精准处理约束变化的动画，避免布局计算时的抖动。

4. 避免直接切换View.GONE，先做尺寸过渡 #

如果上述方法还是有问题，可以尝试先把要隐藏的视图高度动画到0，再设置GONE；显示时先设置VISIBLE，再动画到目标高度：

val targetHeight = if (isExpanded) 0 else expandableView.measuredHeight

// 用ValueAnimator做高度动画
ValueAnimator.ofInt(expandableView.measuredHeight, targetHeight).apply {
    duration = 300
    interpolator = AccelerateDecelerateInterpolator()
    addUpdateListener { anim ->
        expandableView.layoutParams.height = anim.animatedValue as Int
        expandableView.requestLayout()
    }
    addListener(object : AnimatorListenerAdapter() {
        override fun onAnimationEnd(animation: Animator?) {
            if (isExpanded) {
                expandableView.visibility = View.GONE
            }
            isExpanded = !isExpanded
        }
    })
}.start()

这种方式能完全控制视图的尺寸变化过程，避免GONE/VISIBLE切换时的布局突变。

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