HarmonyOS 鸿蒙Next 状态栏和导航条如何沉浸

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

class FullScreen {
  async enable() {
    try {
      const context = AppStorage.get<Context>('context')
      if (context) {
        const win = await window.getLastWindow(context)
        await win.setWindowLayoutFullScreen(true)
        const topArea = win.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM)
        AppStorage.setOrCreate('topHeight', px2vp(topArea.topRect.height))
        const bottomArea =  win.getWindowAvoidArea(window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR)
        AppStorage.setOrCreate('bottomHeight', px2vp(bottomArea.bottomRect.height))
      }
    } catch (e) {
      logger.error('FullScreen enable', JSON.stringify(e))
    }
  }

  async disable() {
    try {
      const context = AppStorage.get<Context>('context')
      if (context) {
        const win = await window.getLastWindow(context)
        await win.setWindowLayoutFullScreen(false)
        AppStorage.setOrCreate('topHeight', 0)
        AppStorage.setOrCreate('bottomHeight', 0)
      }
    } catch (e) {
      logger.error('FullScreen disable', JSON.stringify(e))
    }
  }
}

export const fullScreen = new FullScreen()

拿去用 不谢

import { window } from '@kit.ArkUI'
import { logger } from './Logger'

class StatusBar {
  async setDarkBar() {
    await this.setBar({ statusBarContentColor: '#000000' })
  }

  async setLightBar() {
    await this.setBar({ statusBarContentColor: '#FFFFFF' })
  }

  async setBar(config: window.SystemBarProperties) {
    try {
      const context = AppStorage.get<Context>('context')
      if (context) {
        const win = await window.getLastWindow(context)
        await win.setWindowSystemBarProperties(config)
      }
    } catch (e) {
      logger.error('StatusBar setBar', JSON.stringify(e))
    }
  }
}

export const statusBar = new StatusBar()

搞错了 上面那个是沉浸式 这个是状态栏

在HarmonyOS鸿蒙Next中，实现状态栏和导航条的沉浸式效果，可以通过设置窗口的SystemUiVisibility属性来实现。具体步骤如下：

1. 设置沉浸模式：在应用的主Activity中，调用Window的setSystemUiVisibility方法，并传入View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN参数，这样可以让应用的内容布局延伸到状态栏和导航栏区域。

2. 调整布局：为了确保应用内容不会被状态栏或导航栏遮挡，可以在布局文件中使用fitsSystemWindows属性，或者通过代码动态调整布局的padding或margin。

3. 监听系统UI变化：如果需要响应系统UI的变化（例如用户滑出状态栏或导航栏），可以重写Activity的onWindowFocusChanged方法，并在其中重新设置SystemUiVisibility属性。

4. 适配不同设备：由于不同设备的屏幕尺寸和系统UI布局可能不同，建议在实现沉浸式效果时，进行多设备测试，确保在各种设备上都能正常显示。

通过以上步骤，可以在HarmonyOS鸿蒙Next中实现状态栏和导航条的沉浸式效果，提升用户体验。