OpenHarmony SystemUI开发——修改状态栏和导航栏的高度

当设备为横屏时，且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"},

更改导航栏

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;