ArkUI中怎么控制一个布局填满到状态栏，以实现沉浸式状态栏效果？

ArkUI中怎么控制一个布局填满到状态栏，以实现沉浸式状态栏效果。

HarmonyOS

FengTianYa

2024-10-14 11:15:15

浏览

回答 1

待解决

回答 1

按赞同

按时间

zxjiu

关于沉浸式布局设置可以参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5

提供demo，需要在Ability的onWindowStageCreate中实现：

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, data) => {  
  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. Data: %{public}s', JSON.stringify(data) ?? '');  
let windowClass: window.Window | undefined = undefined;  
windowStage.getMainWindow((err: BusinessError, data) => {  
  let errCode: number = err.code;  
  if (errCode) {  
    console.error('Failed to obtain the main window. Cause: ' + JSON.stringify(err));  
    return;  
  }  
  windowClass = data;  
  console.info('Succeeded in obtaining the main window. Data: ' + JSON.stringify(data));  
  // 获取UIContext实例。  
  let uiContext: UIContext | null = null;  
  uiContext = windowClass.getUIContext();  
  let isLayoutFullScreen = true;  
  try {  
    windowClass.setWindowLayoutFullScreen(isLayoutFullScreen, (err: BusinessError) => {  
      const errCode: number = err.code;  
      if (errCode) {  
        console.error('Failed to set the window layout to full-screen mode. Cause:' + JSON.stringify(err));  
        return;  
      }  
      console.info('Succeeded in setting the window layout to full-screen mode.');  
    });  
  } catch (exception) {  
    console.error('Failed to set the window layout to full-screen mode. Cause:' + JSON.stringify(exception));  
  }  
})  
});  
}