HarmonyOS动画

属性动画

animateTo
animation

自定义属性动画

@AnimatableExtend

转场动画

出现/消失转场

单个示例
多个delay示例

导航转场

PageOne使用@Extend
PageOne.ets简单代码
PageOne.ets使用@Extend写法代码
PageOne.ets官方代码
PageTwo.ets简单代码
PageTwo.ets官方代码

工程配置文件module.json5中配置 {“routerMap”: “$profile:route_map”}。

route_map.json

模态转场

使用bindContentCover构建全屏模态转场效果
使用bindSheet构建半模态转场效果
使用bindMenu实现菜单弹出效果
使用bindContextMenu实现菜单弹出效果
使用bindPopUp实现气泡弹窗效果
使用if实现模态转场

共享元素转场

不新建容器并直接变化原容器