同上（middle 是水平方向的 “中心对齐” 属性）

1

2

3

4

5

6

7

8

9

10

11

//组件居中显示

RelativeContainer() {

  Text("居中组件")

    .width(100)

    .height(100)

    .alignRules({

      center: {anchor: "__container__", align: VerticalAlign.Center}, // 垂直居中

      middle: {anchor: "__container__", align: HorizontalAlign.Center} // 水平居中

    })

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

//组件相对排列

RelativeContainer() {

  Text("组件A")

    .width(100)

    .height(100)

    .backgroundColor(Color.Red)

    .id("A")

  Text("组件B")

    .width(100)

    .height(100)

    .backgroundColor(Color.Blue)

    .alignRules({

      top: {anchor: "A", align: VerticalAlign.Bottom}, // 组件B的顶部对齐组件A的底部

      left: {anchor: "A", align: HorizontalAlign.End}  // 组件B的左边缘对齐组件A的右边缘

    })

}

倒计时开关。值为true时，计时器开启倒计时，例如从30秒 ~ 0秒。值为false时，计时器开始计时，例如从0秒 ~ 30秒。

默认值：false

计时器时间（isCountDown为true时生效），单位为毫秒。最长不超过86400000毫秒（24小时）。 0<count<86400000时，count值为计时器初始值。否则，使用默认值为计时器初始值。

默认值：60000

TextTimerController

自定义格式。

默认值：'HH:mm:ss.SS'

1

textTimerController: TextTimerController = new TextTimerController();

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

@Entry

@Component

struct time {

  textTimerController: TextTimerController = new TextTimerController();

  onPageShow(): void {

    this.textTimerController.start()

  }

  @State countdown: boolean = true

  build() {

    Column() {

      TextTimer({ count: 5000, controller: this.textTimerController, isCountDown: this.countdown })

        .format('ss')

        .fontSize(25)

        .onTimer(

          (utc: number, passtime) => {

            if (passtime == 5) {

              this.getUIContext().getRouter().pushUrl({ url: "pages/RelativeContainer" })

            }

          }

        )

    }.width('100%')

  }

}