获取屏幕顶部状态栏、底部导航栏和导航条的高度
可以使用window的getWindowAvoidArea方法获取测试结果图
示例TestGetWindowAvoidArea.ets文件代码
typescript
import { window } from '@kit.ArkUI'
import { BusinessError } from '@kit.BasicServicesKit';
@Entry
@Component
struct TestGetWindowAvoidArea {
@State message: string = '获取屏幕顶部状态栏、底部导航栏和导航条的高度';
getAvoidAreaHeight() {
let type1 = window.AvoidAreaType.TYPE_SYSTEM;
let type2 = window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR;
window.getLastWindow(getContext(this)).then((data) => {
// 获取系统默认区域,一般包括状态栏、导航栏
let avoidArea1 = data.getWindowAvoidArea(type1);
// 顶部状态栏高度
let statusBarHeight = avoidArea1.topRect.height;
// 底部导航栏高度
let bottomNavHeight = avoidArea1.bottomRect.height;
// 获取导航条区域
let avoidArea2 = data.getWindowAvoidArea(type2);
// 获取到导航条区域的高度
let indicatorHeight = avoidArea2.bottomRect.height;
console.info(`屏幕顶部状态栏 statusBarHeight = ${statusBarHeight}`);
console.info(`底部导航栏 bottomNavHeight = ${bottomNavHeight}`);
console.info(`导航条的高度 indicatorHeight = ${indicatorHeight}`);
}).catch((err: BusinessError) => {
console.error(`获取屏幕顶部状态栏、底部导航栏和导航条的高度 出现异常 Failed to obtain the window. Cause: ${JSON.stringify(err)}`);
});
}
build() {
Column({ space: 10 }) {
Text(this.message)
.id('TestGetWindowAvoidAreaHelloWorld')
.fontSize(20)
.fontWeight(FontWeight.Bold)
.onClick(() => {
this.getAvoidAreaHeight()
})
}
.height('100%')
.width('100%')
}
}