鸿蒙harmonyOS 方舟框架ARK使用ets的页面间转场动画的使用
鸿蒙harmonyOS 方舟框架ARK使用ets的页面间转场动画
文章目录
- 鸿蒙harmonyOS 方舟框架ARK使用ets的页面间转场动画
- 前言
- 使用步骤
-
- 1.代码,注意使用的位置
- 2.注释和逻辑
- 总结
前言
转场动画
有页面间、组件和共享元素几种,这里是页面间的使用
提示:以下是本篇文章正文内容,下面案例可供参考
使用步骤
1.代码,注意使用的位置
代码如下(示例):
@Entry@Componentstruct Index { build() {... } pageTransition() { PageTransitionEnter({ duration: 1200 }) .slide(SlideEffect.Left) PageTransitionExit({ delay: 100 }) .translate({ x: 100.0, y: 100.0 }) .opacity(0) }}
2.注释和逻辑
PageTransitionEnter 这个是入场组件PageTransitionExit 这个是退场组件很明显一个跳转后 当前的页面退场 跳转后的页面入场duration:代表动画的时长delay:代表着延迟播放的时间opacity:透明度slide:滑入translate:平移
总结
提示:这里对文章进行总结:
就是这样