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

总结

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

极客网企业会员

免责声明:本网站内容主要来自原创、合作伙伴供稿和第三方自媒体作者投稿,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。任何单位或个人认为本网站中的网页或链接内容可能涉嫌侵犯其知识产权或存在不实内容时,应及时向本网站提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明。本网站在收到上述法律文件后,将会依法尽快联系相关文章源头核实,沟通删除相关内容或断开相关链接。

  • 简版
  • 原版
  • 投稿
  • 回顶部