往期鸿蒙5.0全套实战文章必看:(文中附带全栈鸿蒙5.0学习资料)
介绍
设置/获取状态栏与导航栏高度
导入依赖
import {StatusBarUtils} from '@peakmain/library';
1. 设置状态栏高度
static async setStatusHeight(context: Context, isFullScreen: boolean = true):void
参数
参数 | 类型 | 是否必填 | 说明 |
---|---|---|---|
context | Context | 是 | 上下文 |
isFullScreen | boolean | 否 | 是否设置全屏,默认是true |
2. 通过Window设置状态栏高度
static async setStatusHeightByWindow(win: window.Window, isFullScreen: boolean = true):void
参数
参数 | 类型 | 是否必填 | 说明 |
---|---|---|---|
win | window.Window | 是 | window对象 |
isFullScreen | boolean | 否 | 是否设置全屏,默认是true |
3. 通过Window设置状态栏高度
static async setStatusHeightByWindowStage(windowStage: window.WindowStage, isFullScreen: boolean = true):void
参数
参数 | 类型 | 是否必填 | 说明 |
---|---|---|---|
windowStage | window.WindowStage, | 是 | window.WindowStage对象 |
isFullScreen | boolean | 否 | 是否设置全屏,默认是true |
4. 获取状态栏高度
4.1 方法获取状态栏高度
static async getStatusHeight(context: Context, isFullScreen: boolean = true):number
参数
参数 | 类型 | 是否必填 | 说明 |
---|---|---|---|
context | Context | 是 | 上下文 |
isFullScreen | boolean | 否 | 是否设置全屏,默认是true |
返回值
返回值 | 说明 |
---|---|
number | 状态栏高度,单位是vp |
4.2 AppStorge方式获取状态栏高度
导入依赖
import { STATUS_BAR_HEIGHT, } from '@peakmain/library'
使用
@StorageProp(STATUS_BAR_HEIGHT)
statusBarHeight: number = 0
5. 获取导航条高度
导入依赖
import { AVOID_AREA_HEIGHT, } from '@peakmain/library'
使用
@StorageProp(AVOID_AREA_HEIGHT)
areaHeight: number = 0