HarmonyOS Component设置透明和无转场动画

HarmonyOS Component设置透明和无转场动画。


HarmonyOS
2024-10-12 11:57:03
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa

1.透明页面可以使用.opacity(0)来设置。

2.可以使用router.replaceUrl来实现无转场动画的效果,具体请参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-router-V5#routerreplaceurl9

opacity可以在这里设置,最外层的Column():

build() {  
    Column() {  
}.opacity(0)  
}
  • 1.
  • 2.
  • 3.
  • 4.

步骤一:参考页面间转场示例在当前页面和目标页面中定义pageTransition方法。

步骤二:将页面入场PageTransitionEnter和页面退场PageTransitionExit的动效参数duration都设置为0。示例:

pageTransition() {  
PageTransitionEnter({ duration: 0})  
PageTransitionExit({ duration: 0})  
}
  • 1.
  • 2.
  • 3.
  • 4.

当前页面和目标页面都要写这段代码。参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-page-transition-animation-V5

分享
微博
QQ
微信
回复
2024-10-12 15:25:42


相关问题
HarmonyOS 转场动画推荐方案
859浏览 • 1回复 待解决
如何全局设置页面转场动画
1236浏览 • 1回复 待解决
HarmonyOS Refresh页面转场动画demo
675浏览 • 1回复 待解决
HarmonyOS SideBarContainer 转场动画
560浏览 • 1回复 待解决
HarmonyOS pageWebView无法设置透明
1235浏览 • 1回复 待解决
如何实现动画转场效果
1786浏览 • 1回复 待解决
HarmonyOS Navigation实现Dialog转场动画
715浏览 • 1回复 待解决
HarmonyOS 页面内的组件转场动画
1103浏览 • 1回复 待解决
HarmonyOS navigation导航转场动画怎么写
754浏览 • 1回复 待解决
HarmonyOS custondialog显示关闭动画设置
1682浏览 • 1回复 待解决
HarmonyOS 复用转场动画示例3问题
753浏览 • 1回复 待解决
Tabs 出现/消失转场动画效果
1112浏览 • 1回复 待解决
HarmonyOS 页面透明设置
563浏览 • 1回复 待解决