HarmonyOS transition如果设置move或者traslate动画,加上animation.duration 会导致组件先消失
代码如下:
@Preview
@Component
export default struct Test {
onDestinationBack: () => boolean = () => false;
@State toolsShow: boolean = false
aboutToAppear() {
}
build() {
NavDestination() {
Stack({ alignContent: Alignment.Top }) {
Row() {
Text('我是下滑组件').fontColor(Color.Red)
}
.width('100%')
.height(100)
.backgroundColor(0xBF000000)
.justifyContent(FlexAlign.Center)
.visibility(this.toolsShow ? Visibility.Visible : Visibility.None)
.transition(TransitionEffect.move(TransitionEdge.TOP).animation({ duration: 1000 }))
//.transition(TransitionEffect.move(TransitionEdge.TOP))
//.transition(TransitionEffect.translate({ y: -300 }).animation({ duration: 500 }))
Row() {
Text('点我顶部滑出').onClick(() => {
this.toolsShow = !this.toolsShow
})
}
.width(120)
.height(30)
.backgroundColor(Color.Green)
.margin({ top: 280 })
.justifyContent(FlexAlign.Center)
//.alignItems(this.alignSelf.Start)
}.border({ width: 1 })
.width('100%')
Text('任意点击收缩')
}
.backgroundColor(Color.Gray)
.hideTitleBar(true)
.onTouch((event?: TouchEvent) => {
if (event?.type == TouchType.Up) {
this.toolsShow = false
}
})
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
属性动画 (animation)或者显式动画 (animateTo)设置无限次播放之后如何进行关闭和动画切换?
910浏览 • 1回复 待解决
HarmonyOS NavDestination中transition设置非对称动画时,disappear动画无效啊
291浏览 • 1回复 待解决
HarmonyOS animation动画无法生效
261浏览 • 1回复 待解决
HarmonyOS animation动画停止位置不对
282浏览 • 1回复 待解决
HarmonyOS animateTo或animation动画如何取消
476浏览 • 1回复 待解决
鸿蒙js开发ui不支持transition-duration这个属性吗?那要怎么简便的写按钮按下动画呢?
6681浏览 • 1回复 待解决
HarmonyOS中使用transition和animation在列表下对性能影响有何区别?
245浏览 • 0回复 待解决
HarmonyOS 通过bindpop弹出的pop面板显示和消失的时候会先显示默认背景色,再显示设置的背景色
519浏览 • 1回复 待解决
HarmonyOS 有出现动画,但没有消失动画
169浏览 • 1回复 待解决
animation 动画如何应用在canvas 内容里面?
893浏览 • 1回复 待解决
HarmonyOS 显示动画是否可以暂停或者取消再重新设置动画 ?
609浏览 • 1回复 待解决
HarmonyOS textInput、textarea组件设置maxLength属性截断emoji表情,会导致输入框内容清空
307浏览 • 1回复 待解决
Tabs 出现/消失转场动画效果
738浏览 • 1回复 待解决
HarmonyOS Vision API interactiveLiveness导致页面沉浸式效果消失
335浏览 • 1回复 待解决
HarmonyOS scrollToIndex开启动画的执行时间duration是多少
308浏览 • 1回复 待解决
HarmonyOS Canvas的context设置旋转90度,会导致图形不显示
697浏览 • 1回复 待解决
Navigation组件设置hideNavBar=true之后,过场动画消失了,同时子页面的navBar并没有隐藏
1770浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中实现组件的出现和消失转场动画?
690浏览 • 1回复 待解决
HarmonyOS 自动签名导致appid会变化
395浏览 • 1回复 待解决
数值动画如何设置后固定在原地或者继续移动?
7841浏览 • 1回复 待解决
HarmonyOS 自定义CustomDialog点击进协议详情,弹窗会消失,期望:弹窗不消失
314浏览 • 1回复 待解决
如果一个state,设置同样的值,数据会重刷吗
2291浏览 • 1回复 待解决
HarmonyOS Waterflow组件在卡片复用时,如果卡片内部元素高度出现变化,会导致卡片在列表内摆放的位置出现问题
221浏览 • 1回复 待解决
在有动画参与的情况下,动画需要去参与布局和占位,尝试使用if/else控制组件显隐。