如何设置沉浸式窗口,你会吗?

如何设置沉浸式窗口。

HarmonyOS
2024-01-21 13:40:52
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
henlyhts

在EntryAbility的onWindowStageCreate方法中通过windowStage获取window,然后分别调用setWindowLayoutFullScreen和setWindowSystemBarEnable方法。

参考代码

import { UIAbility } from '@kit.AbilityKit'; 
import { window } from '@kit.ArkUI'; 
import { BusinessError } from '@kit.BasicServicesKit'; 
 
export default class EntryAbility extends UIAbility { 
  onWindowStageCreate(windowStage: window.WindowStage) { 
    // 1.获取应用主窗口。 
    let windowClass: window.Window | null = null; 
    windowStage.getMainWindow((err: BusinessError, data) => { 
      let errCode: number = err.code; 
      if (errCode) { 
        console.error('Failed to obtain the main window. Cause: ' + JSON.stringify(err)); 
        return; 
      } 
      windowClass = data; 
      console.info('Succeeded in obtaining the main window. Data: ' + JSON.stringify(data)); 
 
      // 2.实现沉浸式效果。方式一:设置导航栏、状态栏不显示。 
      let names: Array<'status' | 'navigation'> = []; 
      windowClass.setWindowSystemBarEnable(names, (err: BusinessError) => { 
        let errCode: number = err.code; 
        if (errCode) { 
          console.error('Failed to set the system bar to be visible. Cause:' + JSON.stringify(err)); 
          return; 
        } 
        console.info('Succeeded in setting the system bar to be visible.'); 
      }); 
      // 2.实现沉浸式效果。方式二:设置窗口为全屏布局,配合设置导航栏、状态栏的透明度、背景/文字颜色及高亮图标等属性,与主窗口显示保持协调一致。 
      let isLayoutFullScreen = true; 
      windowClass.setWindowLayoutFullScreen(isLayoutFullScreen, (err: BusinessError) => { 
        let errCode: number = err.code; 
        if (errCode) { 
          console.error('Failed to set the window layout to full-screen mode. Cause:' + JSON.stringify(err)); 
          return; 
        } 
        console.info('Succeeded in setting the window layout to full-screen mode.'); 
      }); 
      let sysBarProps: window.SystemBarProperties = { 
        statusBarColor: '#ff00ff', 
        navigationBarColor: '#00ff00', 
        statusBarContentColor: '#ffffff', 
        navigationBarContentColor: '#ffffff' 
      }; 
      windowClass.setWindowSystemBarProperties(sysBarProps, (err: BusinessError) => { 
        let errCode: number = err.code; 
        if (errCode) { 
          console.error('Failed to set the system bar properties. Cause: ' + JSON.stringify(err)); 
          return; 
        } 
        console.info('Succeeded in setting the system bar properties.'); 
      }); 
    }) 
    // 3.为沉浸式窗口加载对应的目标页面。 
    windowStage.loadContent("pages/page2", (err: BusinessError) => { 
      let errCode: number = err.code; 
      if (errCode) { 
        console.error('Failed to load the content. Cause:' + JSON.stringify(err)); 
        return; 
      } 
      console.info('Succeeded in loading the content.'); 
    }); 
  } 
};

已于2024-1-31 11:51:56修改
分享
微博
QQ
微信
回复
2024-01-22 15:46:19
相关问题
如何获取设备信息,
178浏览 • 1回复 待解决
API9和API10实现沉浸窗口的方式
103浏览 • 1回复 待解决
如何创建Toast窗口知道
140浏览 • 1回复 待解决
如何实现事件透传,
99浏览 • 1回复 待解决
如何使应用一键变灰,
203浏览 • 1回复 待解决
如何设置窗口最小宽度
120浏览 • 1回复 待解决
如何设置窗口启动图片
151浏览 • 1回复 待解决
如何设置当前窗口的大小
114浏览 • 1回复 待解决
如何设置窗口的背景色
89浏览 • 1回复 待解决
隐私模式设置窗口如何展示的
126浏览 • 1回复 待解决
如何实现多行输入,知道
180浏览 • 1回复 待解决
如何获取系统时间戳,知道
142浏览 • 1回复 待解决
如何后台播放音乐,知道
188浏览 • 1回复 待解决
如何退出应用,了解
156浏览 • 1回复 待解决
愿意尝试华为「鸿蒙」系统?
8057浏览 • 6回复 待解决
是否提供日历组件,了解
152浏览 • 1回复 待解决
HarmonyOS支持无线调试
1098浏览 • 1回复 待解决
如何监听窗口大小的变化
124浏览 • 1回复 待解决
请问如何获取窗口的宽度
143浏览 • 1回复 待解决