调节系统字体大小后 HarmonyOS 鸿蒙Next 如何解决界面错乱问题

调节系统字体大小后 HarmonyOS 鸿蒙Next 如何解决界面错乱问题

【问题现象】

更改了系统字体后，应用内的字体变化，界面发生错乱。

【背景知识】

ArkUI为开发者提供种像素单位，框架采用vp为基准数据单位。API12release之前，应用默认会跟随系统字体变化而变化。

开发者设置的字体大小，默认为vp，当在设置中修改文字大小时，对应的数值会发生变化，字体像素(font pixel) 大小默认情况下与 vp 相同，即默认情况下 1 fp = 1vp。如果用户在设置中选择了更大的字体，字体的实际显示大小就会在 vp 的基础上乘以用户设置的缩放系数，即 1 fp = 1 vp * 缩放系数。

【解决方案】

API12release之前，应用默认会跟随系统字体变化而变化。API12 release之后，应用默认不会跟随系统字体变化而变化。

（1）部分控件设置文字固定大小：使用px为单位即可。

（2）全局设置文字固定大小：

在开发视图的AppScop/resources/base/profile下面定义配置文件configuration.json，其中文件名"configuration"可自定义，需要和configuration标签指定的信息对应。配置文档查看。

代码示例如下：

app.json5文件：

{
  "app": {
    "configuration": "$profile:configuration"  
  }
}

configuration文件：

{
  "configuration": {
    "fontSizeScale": "followSystem",
    "fontSizeMaxScale": "3.2"
  }
}

修改后的效果如下：

【总结】

设置文字不跟随系统文字大小变化，核心在于单位，如果设置为像素长度就不会有变化，或者全局关闭字体大小跟随。

注意：如果是API12release，则应用默认不跟随系统字体大小变化，需要配置configuration配置项才能开启，开启这个的前提是进行适老化适配。

附：屏幕像素密度几个单位之间的转换指导。