当设备为横屏时,且ohos.para文件const.product.devicetype设置为default时(即设备类型为default),我们经常遇到导航栏和状态栏高度过高的情况,非常影响观感

本教程适用范围

  • 1.applications_systemui-open-harmony-v5.0.0-release
  • 2.开源鸿蒙5.0.0
  • 3.ohos.para文件const.product.devicetype设置为default时(即设备类型为default)

更改顶部状态栏高度

1.product\phone\statusbar\src\main\resources\base\element\string.json将status_bar_size_portrait和status_bar_size_landscape改为合适大小

applications_systemui-open-harmony-v5.0.0-release-master\product\phone\statusbar\src\main\resources\base\element\string.json

    {
      "name": "status_bar_size_portrait",
      "value": "16"
    },
    {
      "name": "status_bar_size_landscape",
      "value": "16"
    },
    {
      "name": "phone_status_bar_size_portrait",
      "value": "16"
    },
    {
      "name": "phone_status_bar_size_landscape",
      "value": "16"
    },

image.png

更改导航栏

applications_systemui-open-harmony-v5.0.0-release-master\features\navigationservice\src\main\ets\com\ohos\navigationservice\common\NavBarConfiguration.ts
导航栏的高度是NavBarConfiguration.ts中计算中得来的,将其改为原来二分之一即可


configInfo.realHeight = ((configInfo.realHeight * (configInfo.maxHeight > configInfo.maxWidth ? configInfo.maxWidth : configInfo.maxHeight)) / screenFactor)/2;

image.png

4436ef8b82d38538ba984cfa4e23167.png

Logo

社区规范:仅讨论OpenHarmony相关问题。

更多推荐