鸿蒙状态栏设置

鸿蒙状态栏设置

基于鸿蒙 ArkTS API9,设置状态栏颜色,隐藏显示状态栏。

API参考文档

参考文档

新建项目打开之后发现状态栏是黑色的,页面颜色设置完了也不能影响状态栏颜色,如果是浅色背景,上边有个黑色的头,感觉还是不太好看。显示效果如下:

下边说一下当前修改背景色。

文档里边目前说明是不支持修改状态栏背景色的。

那么能不能把界面的范围推到最顶层呢,这个研究了一下还是可以的。

因为默认是非全屏状态,可以把这个给设置成全屏状态,然后自行在页面中设置一个背景色即可。

效果如下:

全局设置

在 EntryAbility.ts 里边找到 onWindowStageCreate,通过 windowStage 获取主窗口并调用 setWindowLayoutFullScreen 修改全屏状态。

还能通过调用 setWindowSystemBarEnable 隐藏状态栏。

javascript 复制代码
onWindowStageCreate(windowStage: window.WindowStage) {
  hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');

  windowStage.loadContent('pages/Index', (err, data) => {
    if (err.code) {
      hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
      return;
    }

    // 设置成全屏
    windowStage.getMainWindow((err, windowClass) => {
      windowClass.setWindowLayoutFullScreen(true)
      // 隐藏状态栏显示
      windowClass.setWindowSystemBarEnable(['navigation'])
    })

    hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');
  });
}

局部方式

再单独某一个页面中调用隐藏,或者说再加载的首页隐藏,之后再也不设置显示,也是能达到跟全局一样的效果,或者在 onPageShow 的时候隐藏, onPageHide 的时候显示。

javascript 复制代码
import window from '@ohos.window';

onPageShow() {
  window.getLastWindow(getContext(this), (err, w) => {
    w.setWindowLayoutFullScreen(false)
  })
}

onPageHide() {
  window.getLastWindow(getContext(this), (err, w) => {
    w.setWindowLayoutFullScreen(true)
  })
}
相关推荐
爱笑的眼睛112 小时前
HarmonyOS 应用开发深度解析:ArkTS 声明式 UI 与状态管理最佳实践
华为·harmonyos
安卓开发者2 小时前
鸿蒙Next ArkWeb进程解析:多进程架构如何提升Web体验
前端·架构·harmonyos
damo王3 小时前
鸿蒙(HarmonyOS) 历史
华为·harmonyos
爱笑的眼睛114 小时前
HarmonyOS声明式UI开发:深入ArkUI与状态管理实践
华为·harmonyos
爱笑的眼睛114 小时前
HarmonyOS 应用开发进阶:深入 Stage 模型与 ArkUI 声明式开发实践
华为·harmonyos
2501_919749034 小时前
鸿蒙:更改状态栏、导航栏颜色
华为·harmonyos
2501_919749035 小时前
鸿蒙:@Builder 和 @BuilderParam正确使用方法
华为·harmonyos
爱笑的眼睛115 小时前
HarmonyOS应用开发:深入解析Stage模型与UIAbility
华为·harmonyos
HMSCore8 小时前
Cloud Foundation Kit启动预加载,赋能喜马拉雅秒启秒开流畅体验
harmonyos
我在看你呵呵笑21 小时前
GD32VW553-IOT开发板移植适配openharmony
物联网·华为·harmonyos