HarmonyOS TextClock字号35fp,底部有空白

第一个TextClock显示不合适,底部有空白,第二个合适。

Row() {
  TextClock({ timeZoneOffset: -8 })
    .format('HH:mm')
    .fontColor($r('app.color.title_1'))
    .fontSize($r('app.float.text_size11'))
    .margin({ right: $r('app.float.space_middle'), bottom: 0 })


  TextClock({ timeZoneOffset: -8 })
    .format('MM月dd日    EE')
    .fontColor($r('app.color.title_2'))
    .fontSize($r('app.float.text_size3'))

}
.width('100%').height(60)
.alignItems(VerticalAlign.Bottom)
.backgroundColor($r('app.color.background_page'))
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
HarmonyOS
2024-12-25 13:04:50
629浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
shlp

字体本身就是有间距的,并且间距随是字体大小变化而变化的,可以通过设置bottom为负值来实现效果,参考示例:

@Entry
@Component
struct Page2 {
  @State message: string = 'Hello World';

  build() {
    Row() {
      TextClock({ timeZoneOffset: -8 })
        .format('HH:mm')
        .fontColor(Color.Black)
        .fontSize(30)
        .border({ width: 1, color: Color.Blue })
        .margin({ right: 10, bottom: -5 })


      TextClock({ timeZoneOffset: -8 })
        .format('MM月dd日 EE')
        .fontColor(Color.Black)
        .fontSize(15)
        .border({ width: 1, color: Color.Blue })

    }

    .width('100%').height(60)
    .alignItems(VerticalAlign.Bottom)
    .backgroundColor(Color.Gray)
  }
  • 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.
分享
微博
QQ
微信
回复
2024-12-25 15:23:36


相关问题
url string如果前后有空格会崩溃
842浏览 • 1回复 待解决
HarmonyOS 静态服务卡片空白
632浏览 • 1回复 待解决
HarmonyOS webview加载页面空白
860浏览 • 1回复 待解决
vp、fp、px的区别,有谁知道?
3562浏览 • 1回复 待解决
HarmonyOS web组件加载页面空白
1066浏览 • 1回复 待解决
HarmonyOS webview组件内容显示空白
729浏览 • 1回复 待解决
HarmonyOS Web组件加载URL显示空白
786浏览 • 1回复 待解决
JS ui支持vp、字体大小支持fp了吗?
6699浏览 • 1回复 待解决
HarmonyOS navigation跳转页面为空白
774浏览 • 1回复 待解决
HarmonyOS 使用web控件加载网页出现空白
1480浏览 • 1回复 待解决
ListItem 组件渲染错误空白内容
1407浏览 • 1回复 待解决