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
837浏览 • 1回复 待解决
HarmonyOS 手势滑动登录UI实现
943浏览 • 1回复 待解决
HarmonyOS Native RSA 加解密实现咨询
811浏览 • 1回复 待解决
HarmonyOS装饰器或注解实现方式咨询
1337浏览 • 1回复 待解决
基于UI Observer实现UI组件埋点
1719浏览 • 1回复 待解决
AltBeacon在HarmonyOS下的相关实现咨询
936浏览 • 1回复 待解决
HarmonyOS ArkTS扫描UI该如何实现
1183浏览 • 1回复 待解决
HarmonyOS 想要实现图中这样的UI
1197浏览 • 1回复 待解决
鸿蒙平台 UI审核如何实现
6305浏览 • 1回复 待解决
HarmonyOS NodeContainer咨询
1344浏览 • 1回复 待解决
HarmonyOS UI组件需要加阴影要怎么实现
1026浏览 • 1回复 待解决
鸿蒙怎么实现UI控件样式复用 ?
8785浏览 • 3回复 待解决
HarmonyOS onSizeChange咨询
865浏览 • 1回复 待解决
HarmonyOS 录像问题咨询
1365浏览 • 1回复 待解决
HarmonyOS 热更新咨询
1178浏览 • 1回复 待解决
HarmonyOS 备案信息咨询
721浏览 • 1回复 待解决
HarmonyOS 加解密咨询
1065浏览 • 1回复 待解决
HarmonyOS RN升级咨询
951浏览 • 1回复 待解决
HarmonyOS 画布问题咨询
1354浏览 • 1回复 待解决