OpenHarmony开发者论坛

标题: 如何获取状态栏和导航栏高度 [打印本页]
作者: 汐之蓝    时间: 2023-10-13 15:27
标题: 如何获取状态栏和导航栏高度

【问题描述】
最近在做屏幕高度适配时，发现了一些问题，我需要获取高度的大小，分析可使用的区域。如何获取状态栏和导航栏高度？

【运行环境】
硬件：rk3568；  ROM: 3.2  Beta5；  API 9


作者: Travill    时间: 2023-10-16 15:22
标题: 如何获取状态栏和导航栏高度


在加载窗口内容之前，采用systemAvoidAreaChange事件监听。



  1. // MainAbility.ts
  2. import window from '@ohos.window';

  4. /**
  5. * 设置沉浸式窗口，并获取状态栏和导航栏高度
  6. * @param mainWindow 主窗口对象
  7. */
  8. async function enterImmersion(mainWindow: window.Window) {
  9.   mainWindow.on("systemBarTintChange", (data) => {
  10.     let avoidAreaRect = data.regionTint[0].region; //data.regionTint是个数组，包含状态栏、导航栏的矩形区域坐标。
  11.   })
  12.   await mainWindow.setFullScreen(true)
  13.   await mainWindow.setSystemBarEnable(["status", "navigation"])
  14.   await mainWindow.systemBarProperties({
  15.     navigationBarColor: "#00000000",
  16.     statusBarColor: "#00000000",
  17.     navigationBarContentColor: "#FF0000",
  18.     statusBarContentColor: "#FF0000"
  19.   })
  20. }
  21. export default class MainAbility extends Ability {
  22.   // do something
  23.   async onWindowStageCreate(windowStage: window.WindowStage) {
  24.     let mainWindow = await windowStage.getMainWindow()
  25.     await enterImmersion(mainWindow)
  26.     windowStage.loadContent('pages/index')
  27.   }
  28.   // do something
  29. }
复制代码





欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/) Powered by Discuz! X3.5