Android Transition API场景切换时视图Elevation层级异常问题求助

这个问题的核心在于场景切换时，新进入的绿色方块在过渡动画期间的层级覆盖了蓝色方块。具体来说：

• 从场景2（仅蓝色方块）切回场景1时，绿色方块是作为「进入视图」被添加到布局中的；
• 默认情况下，Slide过渡在处理进入视图时，会临时提升视图的绘制层级（通过调整translationZ），确保动画过程中视图可见；
• 同时，蓝色方块是复用自场景2的视图，在过渡时仅执行changeBounds动画，没有层级保护，因此被绿色方块覆盖。

下面提供两种无需修改蓝色方块elevation的可行方案：

方案1：通过bringToFront()强制蓝色方块层级置顶 #

在过渡开始时，手动将蓝色方块调整到父布局的绘制顺序最前端，这样就能确保它始终在绿色方块上方：

修改你的MainActivity代码，给Transition添加监听：

val transition = TransitionInflater.from(this).inflateTransition(R.transition.move_animation)
transition.addListener(object : Transition.TransitionListener {
    override fun onTransitionStart(transition: Transition) {
        // 过渡开始时，将蓝色方块置顶
        sceneRoot.findViewById<View>(R.id.square_view)?.bringToFront()
    }

    override fun onTransitionEnd(transition: Transition) {}
    override fun onTransitionCancel(transition: Transition) {}
    override fun onTransitionPause(transition: Transition) {}
    override fun onTransitionResume(transition: Transition) {}
})

findViewById<Button>(R.id.button).setOnClickListener {
    currentSceneIndex = (currentSceneIndex + 1) % 2
    TransitionManager.go(scenes[currentSceneIndex], transition)
}

原理：bringToFront()会将View移动到父布局子View列表的末尾，Android布局中后添加/排序靠后的View会在视觉层级上层，因此蓝色方块会始终覆盖绿色方块。

方案2：给蓝色方块设置固定translationZ #

在场景1和场景2的布局中，给蓝色方块添加android:translationZ属性（注意不是elevation），让它的视觉Z值始终高于绿色方块：

<View
    android:id="@id/square_view"
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:background="@color/colorPrimary"
    android:translationZ="1dp" <!-- 添加这一行 -->
    <!-- 其他布局约束... -->
/>

原理：Android的视觉层级由elevation + translationZ决定，设置translationZ不会改变View的基础elevation，但能让它的整体Z值更高，从而始终显示在绿色方块上方。

如果你希望保持过渡动画的并行执行，以上两种方案都不会影响transitionOrdering="together"的设置，蓝色方块的移动和绿色方块的滑入动画会同步进行，同时保持层级正确。

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