#鸿蒙通关秘籍#如何实现共享元素转场动画?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
雪域狼NoSQL

在Router中,通过sharedTransition属性实现页面跳转时的共享元素过渡动画。

在Navigation中,使用geometryTransition属性配合子页面之间的动画效果,实现共享元素转场。

bash @Entry @Component struct Index { pathStack: NavPathStack = new NavPathStack()

build() { Navigation(this.pathStack) { Column() { Button('Push PageOne') .onClick(() => { this.pathStack.pushPath({ name: 'pageOne' }) }) }.width('100%').height('100%') } .title("Navigation") .mode(NavigationMode.Stack) .geometryTransition({ name: 'exampleTransition' }) } }

分享
微博
QQ
微信
回复
2天前
相关问题
如何实现共享元素转场
453浏览 • 1回复 待解决
HarmonyOS 咨询共享元素动态转场示例
396浏览 • 1回复 待解决
如何实现动画转场效果
817浏览 • 1回复 待解决
如何全局设置页面转场动画
716浏览 • 1回复 待解决