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})
    }
  }
}

自适应拉伸 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布局问题
785浏览 • 1回复 待解决
HarmonyOS 关于ui布局问题 --胡宏松
227浏览 • 1回复 待解决
HarmonyOS 栅格布局如何让其居中
360浏览 • 1回复 待解决
HarmonyOS 图片水平翻转问题
129浏览 • 1回复 待解决
List水平布局如何根据内容自适应高度
1033浏览 • 1回复 待解决
HarmonyOS Tab居中问题
297浏览 • 1回复 待解决
HarmonyOS UI布局如何打印日志?
655浏览 • 2回复 待解决
HarmonyOS RelativeContainer的居中问题
910浏览 • 1回复 待解决
HarmonyOS 布局问题
336浏览 • 1回复 待解决
HarmonyOS 关于Tabs只能居中问题
179浏览 • 1回复 待解决
HarmonyOS UI问题
426浏览 • 1回复 待解决
HarmonyOS UI布局子控件超出父控件宽度
347浏览 • 1回复 待解决
HarmonyOS相对布局问题
679浏览 • 1回复 待解决