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)设置无限次播放之后如何进行关闭和动画切换? 
2104浏览  • 1回复 待解决
HarmonyOS NavDestination中transition设置非对称动画时,disappear动画无效啊 
1093浏览  • 1回复 待解决
HarmonyOS animation动画无法生效 
1032浏览  • 1回复 待解决
HarmonyOS  animation动画停止位置不对 
1018浏览  • 1回复 待解决
鸿蒙js开发ui不支持transition-duration这个属性吗?那要怎么简便的写按钮按下动画呢? 
7306浏览  • 1回复 待解决
HarmonyOS animateTo或animation动画如何取消 
1943浏览  • 1回复 待解决
HarmonyOS中使用transition和animation在列表下对性能影响有何区别? 
743浏览  • 0回复 待解决
HarmonyOS 通过bindpop弹出的pop面板显示和消失的时候会先显示默认背景色,再显示设置的背景色 
1169浏览  • 1回复 待解决
HarmonyOS 有出现动画,但没有消失动画 
916浏览  • 1回复 待解决
HarmonyOS 显示动画是否可以暂停或者取消再重新设置动画 ? 
1401浏览  • 1回复 待解决
animation 动画如何应用在canvas 内容里面? 
1667浏览  • 1回复 待解决
HarmonyOS textInput、textarea组件设置maxLength属性截断emoji表情,会导致输入框内容清空 
902浏览  • 1回复 待解决
Tabs 出现/消失转场动画效果 
1417浏览  • 1回复 待解决
HarmonyOS Vision API interactiveLiveness导致页面沉浸式效果消失 
1069浏览  • 1回复 待解决
HarmonyOS Canvas的context设置旋转90度,会导致图形不显示 
1480浏览  • 1回复 待解决
Navigation组件设置hideNavBar=true之后,过场动画消失了,同时子页面的navBar并没有隐藏 
2295浏览  • 1回复 待解决
HarmonyOS scrollToIndex开启动画的执行时间duration是多少 
940浏览  • 1回复 待解决
HarmonyOS 自动签名导致appid会变化 
1106浏览  • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中实现组件的出现和消失转场动画? 
1852浏览  • 1回复 待解决
HarmonyOS 自定义CustomDialog点击进协议详情,弹窗会消失,期望:弹窗不消失 
878浏览  • 1回复 待解决
数值动画如何设置后固定在原地或者继续移动? 
8495浏览  • 1回复 待解决
list里面显示富文本,如果在列表里面使用RichText 会导致卡顿,如果使用RichEditor 则不能自适应 
1382浏览  • 1回复 待解决
HarmonyOS 在Column onAppear时,通过linearGradient和animation改变控件背景的动画 
838浏览  • 1回复 待解决





















在有动画参与的情况下,动画需要去参与布局和占位,尝试使用if/else控制组件显隐。