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'))
HarmonyOS
2024-12-25 13:04:50
浏览
收藏 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)
  }
分享
微博
QQ
微信
回复
2024-12-25 15:23:36
相关问题
url string如果前后有空格会崩溃
516浏览 • 1回复 待解决
vp、fp、px的区别,有谁知道?
2714浏览 • 1回复 待解决
HarmonyOS 静态服务卡片空白
181浏览 • 1回复 待解决
JS ui支持vp、字体大小支持fp了吗?
6308浏览 • 1回复 待解决
HarmonyOS webview加载页面空白
349浏览 • 1回复 待解决
HarmonyOS web组件加载页面空白
505浏览 • 1回复 待解决
HarmonyOS webview组件内容显示空白
192浏览 • 1回复 待解决
ListItem 组件渲染错误空白内容
1013浏览 • 1回复 待解决
HarmonyOS navigation跳转页面为空白
245浏览 • 1回复 待解决
HarmonyOS 底部弹窗问题
951浏览 • 1回复 待解决
HarmonyOS CustomDialog底部space
396浏览 • 1回复 待解决