HarmonyOS 鸿蒙Next TextClock字号35fp，底部有空白

发布于 1周前 作者 sinazl 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 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 鸿蒙Next TextClock字号35fp，底部有空白的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复

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

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Page2 {
  [@State](/user/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)
  }

更多关于HarmonyOS 鸿蒙Next TextClock字号35fp，底部有空白的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙系统中，针对Next TextClock组件的字号设置为35fp（font points）时，若底部出现空白，这通常与组件的内部布局或字体渲染方式有关。

  1. 检查布局文件：首先确认Next TextClock在布局文件中的父容器是否有足够的空间来展示完整的文本内容，以及是否有额外的padding或margin设置导致底部空白。

  2. 字体渲染：字体大小设置为35fp时，某些字体可能在渲染时由于字体的设计特性（如基线对齐方式）导致底部出现空白。尝试更换字体或调整字号，看是否能解决问题。

  3. 组件属性：检查Next TextClock是否有特定的属性设置（如gravity、textAlignment等）影响了文本的显示位置，这些属性可能会间接导致底部空白。

  4. 系统主题与样式：确认当前应用的主题或样式是否对Next TextClock的显示有影响，特别是与字体和布局相关的部分。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部