鸿蒙设置陶醉式状态栏、全屏、获取导航栏高度

场景1.在EntryAbility.ts中设置

1.   onWindowStageCreate(windowStage: window.WindowStage) {
4.     let windowClass: window.Window = null;
5.     windowStage.getMainWindow((err, data) => {
6.       // 1.获取应用主窗口
7.       windowClass = data;
8.       // 2.设置导航栏、状态栏不显示。
9.       windowClass.setWindowSystemBarEnable([], (err) => {
11.       });
12.       // 3.设置全屏
13.       windowClass.setWindowLayoutFullScreen(true).then(() => {
15.       })
16.       // 4.获取底部导航栏高度，此时的高度单位是px
17.       let navigationHeight = windowClass.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).bottomRect.height
18.       PersistentStorage.PersistProps([{
19.         key: "navigationHeight", defaultValue: navigationHeight
20.       }])
21.       windowStage.loadContent('pages/Index', (err, data) => {
23.       });
24.     })
26.   }

复制代码

此时APP顶部状态栏和底部导航栏都将被隐藏，并且页面全面屏显示
场景2. 如果想要在其他页面继承显示状态栏和底部导航栏又该怎么做呢？
第一步：先获取context属性
导入依靠

1. import common from '@ohos.app.ability.common'
2. import window from '@ohos.window'

复制代码

声明context属性

1. private context = getContext(this) as common.UIAbilityContext

复制代码

1. aboutToAppear()方法中

复制代码

1. aboutToAppear() {
2.   window.getLastWindow(this.context).then((windowClass) => {
3.     windowClass.setWindowSystemBarEnable(["status", "navigation"]).then(() => {
4.     })
5.   })
6. }

复制代码

"status"和"navigation"就对象状态栏和导航栏。想显示哪个就写哪个
如果想获取导航栏的高度为vp,那么通过下面方法获取

1. px2vp(this.navigationHeight)

复制代码

留意：目前我只在页面中能获取到px2vp这个方法，在ability中我没有获取到。如果有更好的方法麻烦告诉我一下


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。