> 文档中心 > 鸿蒙harmonyOS 方舟框架ARK使用ets的页面间转场动画的使用

鸿蒙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:平移

总结

提示:这里对文章进行总结:
就是这样