HarmonyOS UI实现咨询

参考示例如下：

@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;
          })
        }
      })
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.