HarmonyOS UI实现咨询

一个节点下有多个组件,如何实现在其中一个或者多个组件被隐藏之后,其它组件能以动画的形式自动被隐藏组件的区域?

HarmonyOS
2025-01-09 16:51:23
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

参考示例如下:

@Entry
@Component
struct Animation {
  @State isPresent: boolean = false;

  build() {
    Column() {
      Column() {
        if (!this.isPresent) {
          Text('ArkUI')
            .fontWeight(FontWeight.Bold)
            .fontSize(20)
            .fontColor(Color.White)
        }
        Button("Animation")
        Text('Animation Test')
      }
      .justifyContent(FlexAlign.Center)
      .width(150)
      .height(150)
      .borderRadius(10)
      .backgroundColor(0xf56c6c)

      Button("动画效果").onClick(() => {
        //当隐藏的时候出现动画
        if (!this.isPresent) {
          animateTo({
            duration: 3000,
            curve: Curve.Friction
          }, () => {
            this.isPresent = !this.isPresent;
          })
        }
      })
    }
  }
}
分享
微博
QQ
微信
回复
2025-01-09 18:16:35
相关问题
HarmonyOS GridView实现键盘UI
355浏览 • 1回复 待解决
基于UI Observer实现UI组件埋点
993浏览 • 1回复 待解决
HarmonyOS 手势滑动登录UI实现
423浏览 • 1回复 待解决
HarmonyOS装饰器或注解实现方式咨询
802浏览 • 1回复 待解决
HarmonyOS Native RSA 加解密实现咨询
246浏览 • 1回复 待解决
AltBeacon在HarmonyOS下的相关实现咨询
534浏览 • 1回复 待解决
HarmonyOS ArkTS扫描UI该如何实现
474浏览 • 1回复 待解决
HarmonyOS 想要实现图中这样的UI
579浏览 • 1回复 待解决
鸿蒙平台 UI审核如何实现
5548浏览 • 1回复 待解决
HarmonyOS UI组件需要加阴影要怎么实现
332浏览 • 1回复 待解决
鸿蒙怎么实现UI控件样式复用 ?
8109浏览 • 3回复 待解决
HarmonyOS NodeContainer咨询
700浏览 • 1回复 待解决
HarmonyOS onSizeChange咨询
225浏览 • 1回复 待解决
HarmonyOS axios用法咨询
559浏览 • 1回复 待解决
HarmonyOS RelativeContainer 组件咨询
681浏览 • 1回复 待解决
HarmonyOS 备案信息咨询
264浏览 • 1回复 待解决
HarmonyOS InputText相关咨询
571浏览 • 1回复 待解决
HarmonyOS 加解密咨询
477浏览 • 1回复 待解决