MotionLayout过渡动画播放时视图未调整尺寸的问题排查

你配置的动画能正常触发播放，但尺寸完全不生效的核心原因，是越了MotionLayout的作用边界：
MotionLayout内部的ConstraintSet，仅能管理它所包含的直接子View的布局参数和属性动画，根本无法修改MotionLayout组件自身的尺寸约束。
你当前两个ConstraintSet里指定的目标id expandableModes，对应的就是这个MotionLayout自己——在MotionLayout的内部视图树里，不存在这个id的子节点，所有约束匹配都是空操作，动画流程虽然会正常走完，但没有任何实际的属性变化发生。

就算把动画目标调整为内部子View，下面几个遗漏点也会导致尺寸动画失效：

• 动画目标不是MotionLayout的直接子节点：如果要动的View嵌套在其他一层及以上的布局里，ConstraintSet无法直接遍历匹配到该视图，约束会静默失效
• 宽高设置和约束规则冲突：在固定宽高场景下，如果同时开启了双向的start/end约束，没有配套设置对应方向的layout_constraintWidth_default/layout_constraintHeight_default，会触发ConstraintLayout的尺寸计算逻辑异常，导致动画值不生效
• 使用了低版本MotionLayout：2.0.0以下的旧版本存在视图尺寸属性动画的已知兼容问题，固定宽高的插值计算经常不会被正常触发

要实现从200dp到10dp的平滑尺寸缩放，有两种符合MotionLayout设计逻辑的实现方式：

1. 首选方案：把动画目标迁移到MotionLayout的内部子View
   • 在MotionLayout内部放一个和它同尺寸的FrameLayout作为直接子节点，把原来的expandableModesid挂到这个FrameLayout上，所有原本要展示的内容都挪到这个容器里
   • 保持现有MotionScene的配置不变，因为此时约束的目标已经是MotionLayout可以直接管控的子View，宽高从200dp到10dp的过渡动画会自动正常生效，不需要写额外的逻辑
2. 必须要修改MotionLayout自身尺寸的场景
   • 不要靠ConstraintSet处理自身尺寸，通过给Transition添加进度监听的方式，在动画播放过程中手动更新MotionLayout的布局参数：

     binding.expandableModes.setTransitionListener(object : MotionLayout.TransitionListener {
         override fun onTransitionTrigger(motionLayout: MotionLayout?, triggerId: Int, positive: Boolean, progress: Float) {}
         override fun onTransitionStarted(motionLayout: MotionLayout?, startId: Int, endId: Int) {}
         override fun onTransitionChange(motionLayout: MotionLayout?, startId: Int, endId: Int, progress: Float) {
             // 按动画进度换算当前尺寸值，完成从200dp到10dp的平滑过渡
             val startSize = 200.dpToPx()
             val endSize = 10.dpToPx()
             val currentSize = (startSize - (startSize - endSize) * progress).toInt()
             motionLayout?.updateLayoutParams {
                 width = currentSize
                 height = currentSize
             }
         }
         override fun onTransitionCompleted(motionLayout: MotionLayout?, currentId: Int) {}
     })
     

   • 这种方式绕开了MotionLayout无法约束自身的限制，但需要手动处理尺寸插值逻辑，灵活度更高

注：原来在MotionLayout根节点上写的paddingBottom属性，因为是组件自身的属性，不会被子View的约束影响，可以正常保留。

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