#鸿蒙通关秘籍#如何隐藏鸿蒙应用的状态栏和导航条以实现沉浸效果？

1. 首先调用 setWindowLayoutFullScreen() 接口设置窗口全屏：

bash import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit'; import { window } from '@kit.ArkUI'; import { BusinessError } from '@kit.BasicServicesKit';

export default class EntryAbility extends UIAbility { onWindowStageCreate(windowStage: window.WindowStage): void { windowStage.loadContent('pages/Index', (err, data) => { if (err.code) { return; }

    let windowClass: window.Window = windowStage.getMainWindowSync();
    let isLayoutFullScreen = true;
    windowClass.setWindowLayoutFullScreen(isLayoutFullScreen).then(() => {
      console.info('成功将窗口设置为全屏模式。');
    }).catch((err: BusinessError) => {
      console.error(`设置窗口全屏模式失败，错误代码: ${err.code}, 错误信息: ${err.message}`);
    });
  });
}

}

2. 调用 setSpecificSystemBarEnabled() 接口隐藏状态栏和导航条。

bash // 设置状态栏隐藏 windowClass.setSpecificSystemBarEnabled('status', false).then(() => { console.info('成功将状态栏设置为隐藏。'); }).catch((err: BusinessError) => { console.error(设置状态栏为隐藏失败。错误代码: ${err.code}, 错误信息: ${err.message}); });

// 设置导航条隐藏 windowClass.setSpecificSystemBarEnabled('navigationIndicator', false).then(() => { console.info('成功将导航条设置为隐藏。'); }).catch((err: BusinessError) => { console.error(设置导航条为隐藏失败。错误代码: ${err.code}, 错误信息: ${err.message}); });