讨论广场 问答详情
如何实现复杂的页面转场动画
youtootech 2026-07-10 22:24:35
53 评论 分享
harmonyos

页面跳转想要自定义动画效果,比如从底部滑入、淡入淡出、共享元素转场(类似iOS的Hero动画)。HarmonyOS怎么实现这些效果?性能会不会有问题?

53 评论 分享
写回答
全部评论(1)

传统 router 多页面项目:用pageTransition做全局页面滑入淡出;

新项目 Navigation 架构:用NavDestination 自定义转场 + geometryTransition做页面动画 + 共享元素;

共享元素优先geometryTransition,兼容性与场景覆盖远优于旧版 sharedTransition;

规范使用原生转场 API 几乎无性能瓶颈,卡顿基本由写法冗余、多层动画冲突导致。

2026-07-11 10:02:07