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

详解鸿蒙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.lryc.cn/news/572060.html

相关文章:

  • 【hadoop】搭建考试环境(单机)
  • LVS+Keepalived+nginx
  • Spring Boot + MyBatis + Vue:打造高效全栈应用的黄金组合
  • Vue 组件数据流与状态控制最佳实践规范
  • 博图SCL中CONTINUE语句详解:高效循环控制案例
  • RabbitMQ多角度可靠性分析/基于Java代码深度解析
  • android 象棋游戏开发
  • Android Studio Profiler使用
  • 数据差异的iOS性能调试:设备日志导出和iOS文件管理
  • Redis之分布式锁(3)
  • 【深度学习】条件随机场(CRF)深度解析:原理、应用与前沿
  • Ubuntu 安装Telnet服务
  • Cursor Pro取消500次请求限制,无限用的体验更好了吗?
  • YOLOv8改进:Neck篇——2024.1全新MFDS-DETR的HS-FPN特征融合层解析
  • 图像特征检测算法SIFT
  • 实现自动胡批量抓取唯品会商品详情数据的途径分享(官方API、网页爬虫)
  • python校园拼团系统
  • voronoi图,凸壳,和早已遗忘的定不定积分
  • LangChain中的向量数据库抽象基类-VectorStore
  • MySQL存储引擎深度解析:InnoDB、MyISAM、MEMORY 与 ARCHIVE 的全面对比与选型建议
  • Docker PowerJob
  • 今天我想清楚了
  • Conda 常用命令大全:从入门到高效使用
  • Vue添加图片作为水印
  • 最大公约数
  • Espresso + Java 详细示例
  • 【音视频】PJSIP库——pjsua命令使用详解
  • CANFD加速是什么?和CANFD有什么区别?
  • 自演进多智能体在医疗临床诊疗动态场景中的应用
  • Jenkins审核插件实战:实现流水线审批控制的最佳实践