转场动画概述
======

转场动画用于对即将出现或消失的组件施加动画效果，始终显示的组件应使用[属性动画](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-attribute-animation-overview)。转场动画旨在简化开发者对组件消失节点的管理，如果使用属性动画实现组件转场，开发者需在动画结束回调中手动删除组件节点。此外，动画结束前已删除的节点可能重新出现，因此需在回调中增加对节点状态的判断逻辑。

转场动画有如下几类：

*   [出现/消失转场](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-enter-exit-transition)：对新增、消失的控件实现动画效果，是通用的基础转场效果。
    
*   [模态转场](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-modal-transition)：新的界面覆盖在旧的界面之上的动画，旧的界面不消失，新的界面出现，如弹框就是典型的模态转场动画。
    
*   [共享元素转场 (一镜到底)](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-shared-element-transition)：共享元素转场是一种界面切换时对相同或者相似的元素做的一种位置和大小匹配的过渡动画效果。
    
*   [旋转屏动画](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-rotation-transition-animation)：旋转屏动画主要分为[布局切换的旋转屏动画](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-rotation-transition-animation#布局切换的旋转屏动画)和[透明度变化的旋转屏动画](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-rotation-transition-animation#透明度变化的旋转屏动画)，旨在实现屏幕显示方向变化时的自然过渡。
    
*   [页面转场动画](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-page-transition-animation)：页面的路由转场方式，可以通过在pageTransition函数中自定义页面入场和页面退场的转场动效。为了实现更好的转场效果，推荐使用[导航转场](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-navigation-animation)和[模态转场](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-modal-transition)。
    
*   [导航转场](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-navigation-animation)：页面的路由转场方式，对应一个界面消失，另外一个界面出现的动画效果，如设置应用一级菜单切换到二级界面。