当前位置: 首页 > ds >正文

详解鸿蒙Next仓颉开发语言中的全屏模式

大家好,今天跟大家分享一下仓颉开发语言中的全屏模式。

和ArkTS一样,仓颉的新建项目默认是非全屏模式的,如果你的应用颜色比较丰富,就会发现屏幕上方和底部的留白,这是应用自动避让了屏幕上方摄像头区域和底部的导航条区域。

但是通常我们不需要这些留白,而是希望应用占满整个屏幕,这时候需要用到沉浸模式,下面为大家分享具体的实现过程。

首先,来到应用的main_ability.cj文件的onWindowStageCreate方法下,设置全屏模式我们要先获取到主窗口,然后设置全屏,实现代码如下:

windowStage.getMainWindow().setWindowLayoutFullScreen(true)

这时候运行程序,你会发现屏幕已经被应用占满了。但是新的问题出现了,你不让系统自动避让的话,就要自己避让上下方的摄像头和导航条区域。

要避让这些区域,首先要知道它们的尺寸,主要是高度。还是在刚才的方法中,获取顶部避让区域的方法如下:

let topArea = windowStage.getMainWindow().getWindowAvoidArea(AvoidAreaType.TYPE_SYSTEM)
let topAreaHeight = topArea.topRect.height

topAreaHeight就是顶部避让区域的高度尺寸,底部避让区域的获取方式稍有不同,需要单独获取:

let bottomArea = windowStage.getMainWindow().getWindowAvoidArea(AvoidAreaType.TYPE_NAVIGATION_INDICATOR)
let bottomAreaHeight = bottomArea.bottomRect.height

然后你可以将topAreaHeight和bottomAreaHeight保存,在应用其他地方获取使用:

AppStorage.setOrCreate('topHeight',topAreaHeight.toString())
AppStorage.setOrCreate('bottomHeight',bottomAreaHeight.toString())

这里大家尽量保存字符串类型,因为幽蓝君在使用Int64类型的时候遇到了问题。

这样的话就会得到一个占满屏幕又不被遮挡的应用。

另外,有些情况下大家可能会需要用到屏幕的尺寸,获取屏幕尺寸的方法如下:

let windowRect =  windowStage.getMainWindow().getWindowProperties().windowRect
AppLog.info('屏幕宽度:'+ windowRect.width.toString())
AppLog.info('屏幕高度:'+ windowRect.height.toString())

最后要注意,以上代码获取到的尺寸单位都是px,大家使用的时候要按需转换。

今天的内容就是这些,感谢阅读。##HarmonyOS语言##仓颉##购物#

http://www.xdnf.cn/news/14713.html

相关文章:

  • 从Excel到知识图谱再到数据分析:数据驱动智能体构建指南
  • 短视频批量混剪怎么做?
  • 关系数据库中的事务——SqlServer为例说明
  • 【强化学习】PPO(Proximal Policy Optimization,近端策略优化)算法
  • 今天我想清楚了
  • Vue添加图片作为水印
  • Vue.js 按键修饰符详解:提升键盘事件处理效率
  • AndroidView的简单使用
  • 【AI Study】第四天,Pandas(6)- 性能优化
  • 配置外设参数与时钟频率 (PCLK1, PCLK2) 的关系
  • vue3 javascript 复杂数值计算操作技巧
  • 一个简单的图书馆管理系统
  • web和uniapp接入腾讯云直播
  • 意法STM32F103C8T6 单片机ARM Cortex-M3 国民MCU 电机控制到物联网专用
  • 《HTTP权威指南》 第1-2章 HTTP和URL基础
  • ArkUI-X跨平台技术落地-华为运动健康(二)
  • 要在 Linux 不联网服务器 上部署并运行 Gitee 上的 vue-vben-admin 项目,并且该项目使用的是 pnpm 管理依赖
  • pythonday50
  • Cornerstone3D 2.x升级调研
  • RK3568笔记八十三:RTMP推流H264和PCM
  • 技术与情感交织的一生 (八)
  • SpringBoot自动化部署全攻略:从Shell脚本到云原生实践
  • WebRTC(六):ICE协议
  • 爬虫技术:数据挖掘的深度探索与实践应用
  • Appium入门
  • SonarQube 25.6 完整指南:部署、使用与 CI/CD 集成
  • CppCon 2016 学习:The Exception Situation
  • 6.IK分词器拓展词库
  • AI智能体应用市场趋势分析
  • WinForms视频播放开发实战指南