API9和API10实现沉浸式窗口的方式 ？

Question

API9和API10实现沉浸式窗口的方式 ？

Answer 1

• 在API9中，setFullScreen被废弃，建议联合使用setWindowLayoutFullScreen和setWindowSystemBarEnable。

onWindowStageCreate(windowStage: window.WindowStage) { 
  // API9 全屏判断 
  let isLayoutFullScreen = true; 
  let windowClass = null; 
  // 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; 
    } 
    windowClass = data; 
    hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? ''); 
  }); 
 
  // API9设置窗口全屏化 
  try { 
    windowClass.setWindowLayoutFullScreen(isLayoutFullScreen, (err) => { 
      if(err.code){ 
        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)); 
  } 
 
  // API9不显示导航栏、状态栏 
  // 如果需要沉浸式，将 names = []; 
  let names = []; 
  try { 
    windowClass.setWindowSystemBarEnable(names, (err) => { 
      if(err.code){ 
        console.error('Failed to set the system bar to be invisible. Cause:' + JSON.stringify(err)); 
        return; 
      } 
      console.info('Succeeded in setting the system bar to be invisible.'); 
    }); 
  } catch (exception) { 
    console.error('Failed to set the system bar to be invisible. Cause:' + JSON.stringify(exception)); 
  } 
}

• 在API10中，使用新的UI组件expandSafeArea也可以完成沉浸式窗口的设置。

@Entry 
@Component 
struct Index { 
  @State message: string = '内容栏全屏测试' 
 
  build() { 
    Row() { 
      Column() { 
        Text(this.message) 
          .fontSize(20) 
          .fontWeight(FontWeight.Bold) 
      } 
      .width('100%') 
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM, SafeAreaEdge.TOP]) 
    } 
    .height('100%') 
    .backgroundColor(Color.Orange) 
  } 
}

参考链接：安全区域