HarmonyOS 组件内转场动画,如何用条件控制是否进行转场动画
有一个组件使用了transition转场动画,但是希望可以控制,在某些情况下不使用动画直接出现/隐藏。目前测试发现如果使用了动画出现,那么一定会使用动画隐藏,无法控制不使用动画隐藏。
代码如下:
@Component
struct DemoPage {
@State animated: boolean = true
@State show: boolean = false
build() {
NavDestination() {
Column() {
if (this.show) {
Column()
.width('60%')
.height(50)
.backgroundColor(Color.Red)
.transition(TransitionEffect.OPACITY.animation({ duration: this.animated ? 1000 : 0 }))
}
Button('show and animate')
.margin({ top: 50 })
.onClick(() => {
this.animated = true
this.show = true
})
Button('show and !animate')
.margin({ top: 50 })
.onClick(() => {
this.animated = false
this.show = true
})
Button('!show and animate')
.margin({ top: 50 })
.onClick(() => {
this.animated = true
this.show = false
})
Button('!show and !animate')
.margin({ top: 50 })
.onClick(() => {
this.animated = false
this.show = false
})
}
.width('100%')
.height('100%')
}.hideTitleBar(true)
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
如何实现动画转场效果
1069浏览 • 1回复 待解决
HarmonyOS SideBarContainer 转场动画
55浏览 • 1回复 待解决
HarmonyOS 页面内的组件转场动画
534浏览 • 1回复 待解决
HarmonyOS Navigation转场动画geometryTransition
126浏览 • 1回复 待解决
使用转场动画时,如何在消失转场动画完成时执行其他操作
2350浏览 • 1回复 待解决
如何全局设置页面转场动画
826浏览 • 1回复 待解决
HarmonyOS 共享元素动态转场动画在根节点页面无法完成动画转场
149浏览 • 1回复 待解决
HarmonyOS Navigation转场动画能否只对单个页面使用自定义转场动画
260浏览 • 1回复 待解决
HarmonyOS 如何感知转场动画执行完毕?
150浏览 • 1回复 待解决
HarmonyOS Navigation实现Dialog转场动画
233浏览 • 1回复 待解决
Tabs 出现/消失转场动画效果
594浏览 • 1回复 待解决
请问如何去掉ability的转场动画?
11399浏览 • 2回复 待解决
HarmonyOS Refresh和页面转场动画demo
143浏览 • 1回复 待解决
HarmonyOS 无感转场动画推荐方案
225浏览 • 1回复 待解决
HarmonyOS navigation导航转场动画怎么写
268浏览 • 1回复 待解决
HarmonyOS 复用转场动画示例3问题
95浏览 • 1回复 待解决
ArkUI转场动画可以改颜色吗?
2065浏览 • 1回复 待解决
HarmonyOS Component设置透明和无转场动画
402浏览 • 1回复 待解决
转场动画,谁有好的方案吗?
749浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现共享元素转场动画?
253浏览 • 1回复 待解决
HarmonyOS 浮层动画、present 页面转场动画等UI方案咨询
428浏览 • 1回复 待解决
HarmonyOS Navigation转场动画的一些思路
107浏览 • 1回复 待解决
自定义弹窗自定义转场动画
1319浏览 • 1回复 待解决
#鸿蒙通关秘籍# 使用HarmonyOS Next进行页面转场动画时,如何避免白色闪屏问题?
181浏览 • 0回复 待解决
router的pushUrl、back等方法能否关闭转场动画?
523浏览 • 1回复 待解决
示例参考如下: