鸿蒙开发中控制导航栏与状态栏的显示与隐藏沉浸式

小硕ikeu

已于 2024-09-26 21:56:20 修改

阅读量1.3k

点赞数 20

分类专栏： HarmonyOS 文章标签： harmonyos 华为

于 2024-09-19 21:31:05 首次发布

本文链接：https://blog.csdn.net/flikeu/article/details/142370007

版权

HarmonyOS 专栏收录该内容

5 篇文章

订阅专栏

效果展示

首先我们在EntryAbility.ets文件中的onWindowStageCreate方法中，

1. 首先获取应用主窗口，并设置为全屏，

2. 然后缓存窗口对象。

onWindowStageCreate(windowStage: window.WindowStage): void {

    // Main window is created, set main page for this ability
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');

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

      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content.');

      // 获取应用主窗口
      let windowClass: window.Window = windowStage.getMainWindowSync();

      // 1. 设置窗口全屏
      let isLayoutFullScreen = true;
      windowClass.setWindowLayoutFullScreen(isLayoutFullScreen);

      //隐藏底部导航栏
      windowClass.setSpecificSystemBarEnabled('navigationIndicator', false);

      // 2. 缓存窗口对象
      AppStorage.setOrCreate('windowClass', windowClass);

    });
  
  
  }

在我们需要控制显示或隐藏，状态栏与导航栏的页面

1. 导入Window对象

import { window } from '@kit.ArkUI';

2. 在页面组件内从本地存储取出我们在EntryAbility.ets文件中缓存的窗口对象

windowClass = AppStorage.get<window.Window>('windowClass') as window.Window;

3. 在页面的aboutToAppear生命周期中设置

//控制状态栏的显示或隐藏
this.windowClass.setSpecificSystemBarEnabled('status', false);

//控制导航栏的显示或隐藏
this.windowClass.setSpecificSystemBarEnabled('navigationIndicator', true);

完整

//导入window对象
import { window } from '@kit.ArkUI';

@Entry
@Component
struct Index {

//从缓存中取出window对象
windowClass = AppStorage.get<window.Window>('windowClass') as window.Window;

//生命周期中控制显示或隐藏  
  aboutToAppear(){
    this.windowClass.setSpecificSystemBarEnabled('status', false);
    this.windowClass.setSpecificSystemBarEnabled('navigationIndicator', true);
  }

  build() {}

}