HarmonyOS UI布局水平居中问题

想实现一个text文本水平居中,文本可变,在这个文本右边显示一个TextTimer。

简单来说就是类似wrap_content水平居中,然后在右边接一个timer的文本显示

HarmonyOS
2024-12-26 15:20:33
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
aquaa

format= 's' 不会补0,代码如下:

@Component
export struct MyTextTimer {
  textTimerController: TextTimerController = new TextTimerController();
  @Prop format: string;
  aboutToAppear(): void {
    this.textTimerController.start();
  }

  build() {
    Column() {
      TextTimer({ isCountDown: true, count: 30000, controller: this.textTimerController })
        .format(this.format)
        .fontColor(Color.Black)
        .fontSize(50)
        .onTimer((utc: number, elapsedTime: number) => {
          console.info('textTimer notCountDown utc is:' + utc + ', elapsedTime: ' + elapsedTime)
        })
      Row() {
        Button('start').onClick(() => {
          this.textTimerController.start()
        })
        Button('pause').onClick(() => {
          this.textTimerController.pause()
        })
        Button('reset').onClick(() => {
          this.textTimerController.reset()
        })
      }
    }
  }
}

@Entry
@Component
struct Index {

  @State format: string = 's'
  onPageShow(): void {
  }
  build() {
    Column() {
      MyTextTimer({format:this.format})
    }
  }
}
  • 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.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.

自适应拉伸 flexBasis('auto')

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-layout-development-flex-layout-V5

分享
微博
QQ
微信
回复
2024-12-26 16:40:38


相关问题
HarmonyOS UI布局问题
1263浏览 • 1回复 待解决
HarmonyOS 关于ui布局问题 --胡宏松
546浏览 • 1回复 待解决
HarmonyOS 图片水平翻转问题
465浏览 • 1回复 待解决
HarmonyOS 栅格布局如何让其居中
889浏览 • 1回复 待解决
List水平布局如何根据内容自适应高度
1567浏览 • 1回复 待解决
HarmonyOS Tab居中问题
615浏览 • 1回复 待解决
HarmonyOS UI布局如何打印日志?
1171浏览 • 2回复 待解决
HarmonyOS RelativeContainer的居中问题
1277浏览 • 1回复 待解决
HarmonyOS 关于Tabs只能居中问题
483浏览 • 1回复 待解决
HarmonyOS UI问题
798浏览 • 1回复 待解决
HarmonyOS 布局问题
686浏览 • 1回复 待解决
HarmonyOS LazyForEach问题刷新UI问题
981浏览 • 1回复 待解决
HarmonyOS UI布局子控件超出父控件宽度
883浏览 • 1回复 待解决
HarmonyOS相对布局问题
1019浏览 • 1回复 待解决
HarmonyOS Scroll包裹的控件默认居中问题
1161浏览 • 1回复 待解决