HarmonyOS 实现切换页面时从左边进入,退出时原路返回的最佳方案
离开的页面(pages/ConversionPage.ets)使用以下代码:
// 页面转场动画
pageTransition() {
// 定义页面进入时的效果,从右侧滑入,时长为1000ms,无论页面栈发生push还是pop操作均可生效
PageTransitionEnter({ type: RouteType.None, duration: 1000 })
.slide(SlideEffect.Right)
// 定义页面退出时的效果,向左或右侧滑出,时长为1200ms,无论页面栈发生push还是pop操作均可生效
PageTransitionExit({ type: RouteType.None, duration: 1200 })
.slide(SlideEffect.Right)
}
从左侧进入的页面(pages/SwitchCurrencyPage.ets)使用下面代码:
// 页面转场动画
pageTransition() {
// 定义页面进入时的效果,从左侧滑入,时长为1200ms,无论页面栈发生push还是pop操作均可生效
PageTransitionEnter({ type: RouteType.None, duration: 1200 })
.slide(SlideEffect.Left)
// 定义页面退出时的效果,向左侧滑出,时长为1000ms,无论页面栈发生push还是pop操作均可生效
PageTransitionExit({ type: RouteType.None, duration: 1000 })
.slide(SlideEffect.Left)
}
效果不好,没办法实现原APP的效果。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 页面切换时不缓存数据,每次进入页面重新加载
514浏览 • 1回复 待解决
HarmonyOS flutter进入多级子页面侧滑返回会全部退出
37浏览 • 1回复 待解决
HarmonyOS 全屏页面返回Flutter透明弹窗(dialog)时重复执行弹窗进入动画
68浏览 • 1回复 待解决
鸿蒙tablist 如何通过滑动切换页面?
6707浏览 • 1回复 待解决
HarmonyOS 路由切换页面过渡慢问题
394浏览 • 1回复 待解决
实现左边显示导航,右边显示显示具体页面效果的方案
1719浏览 • 1回复 待解决
HarmonyOS 页面滚动时红包移动到屏幕之外,不滚动时红包从屏幕之外返回,有这种动画的实现方式吗?
25浏览 • 1回复 待解决
HarmonyOS 在Tabs切换时,左右滑动可以切换页签,如何屏蔽页签的EdgeEffect回弹效果?
335浏览 • 1回复 待解决
HarmonyOS 按下返回键时,如何禁止CustomDialog退出
920浏览 • 1回复 待解决
HarmonyOS 切换横竖屏时,onConfigurationUpdate中返回的colorMode会返回-1
34浏览 • 1回复 待解决
切换窗口宽度几次后,点击tabbar无法切换页面
1952浏览 • 1回复 待解决
HarmonyOS 怎么在页面退出时关闭所有页面内打开的弹窗
40浏览 • 1回复 待解决
HarmonyOS WindowStage.loadContent切换页面为什么会闪
34浏览 • 1回复 待解决
HarmonyOS 跳转页面时router和Navigation混用有方案实现吗
38浏览 • 1回复 待解决
切换窗口宽度几次后 点击tabbar不能切换页面了
1756浏览 • 1回复 待解决
返回页面时不触发aboutToAppear
3677浏览 • 1回复 待解决
webview点击导航返回按钮时,偶现app自动退出
2074浏览 • 1回复 待解决
使用TabsController 切换页面的时候,需要给目的页面传递数据要怎么实现
3063浏览 • 1回复 待解决
HarmonyOS 耗时任务能否在退出页面时自动cancel?
26浏览 • 1回复 待解决
HarmonyOS 页面返回时应用闪退报错
631浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现搜索页面的进入和退出动画效果?
127浏览 • 1回复 待解决
HarmonyOS push多个页面时,如何返回到指定页面?
231浏览 • 1回复 待解决
引导遮罩效果实现的最佳方案
1121浏览 • 1回复 待解决
HarmonyOS AVPlayer播放视频,退出页面后台播放时,视频会停止
542浏览 • 1回复 待解决
Navigation路由,页面切换时,前一个页面怎样能监听到跳转走和返回?
1934浏览 • 1回复 待解决
页面转场动画设置到了页面的子组件中,不是整个页面中,把pageTransition换到@entry装饰的组件下面就可以了,参考如下:
1、ConversionPage页面
2、SwitchCurrencyPage页面
SwitchCurrencyPage页面设置下背景颜色,就不会看到ConversionPage页面了。