如何修改页面状态栏颜色，以及沉浸式状态属性设置？

Question

修改页面状态栏颜色，以及沉浸式状态属性设置

Answer 1

参考代码:

onWindowStageCreate(windowStage: window.WindowStage): void { 
  windowStage.getMainWindow((err, data) => { 
    if (err.code) { 
      return 
    } 
    GlobalThis.getInstance().setObject("mainWindow",data); 
    // 设置全屏展示，沉浸式 
    data.setWindowLayoutFullScreen(true); 
    let sysBarProps = { 
      statusBarColor: '#00000000', 
      navigationBarColor: '#00000000', 
      // 以下两个属性从API Version 8开始支持A03d00/JSAPP 
      // statusBarContentColor: '#2B3141', 
      // navigationBarContentColor: '#2B3141' 
    } as SystemBarPropertiesType; 
    data.setWindowSystemBarProperties(sysBarProps) 
    // 获取状态栏高度 
    let avoidArea = data.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM); 
    LogUtil.info("statusBarHeight===", avoidArea.topRect.height.toString()) 
    AppStorage.setOrCreate<number>("statusBarHeight", px2vp(avoidArea.topRect.height)) 
    // GlobalThis.getInstance().setObject("statusBarHeight", px2vp(avoidArea.topRect.height)) 
  }) 
}