51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术24年11月软考PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

如何获取手势区域高度

位置如图，需要获取高度。

如何获取手势区域高度-鸿蒙开发者社区

HarmonyOS
FengTianYa
2024-09-23 12:49:23
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu
zxjiu

1、获取布局避让遮挡的区域。

let type = window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR; // 以导航条避让为例  
let avoidArea = windowClass.getWindowAvoidArea(type);  
// 此处获取的单位为px，需转为vp  
let bottomRectHeight = px2vp(avoidArea.bottomRect.height); // 获取到导航条区域的高度  
console.log("bottomRectHeight is " + bottomRectHeight);

2、还可以采用采用组件安全区方案，即不设置窗口全屏，这种场景下，针对底部的页签部分，Navigation组件和Tabs组件默认实现了页签的延伸处理，需要保证Navigation和Tabs组件的底部边界和底部导航条重合即可，参考：​​https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-develop-apply-immersive-effects-V5#section15107174585619​​

文档链接如下：​​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5​​

分享
微博
QQ
微信
回复
2024-09-23 17:16:44
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 如何获取屏幕下方手势响应区域AvoidArea的高度
354浏览 • 1回复 待解决
HarmonyOS 如何获取顶部状态栏高度以及底部导航区域高度
699浏览 • 1回复 待解决
鸿蒙上如何获取挖孔区域的高度啊
6049浏览 • 1回复 待解决
请问如何获取屏幕底部安全区域的高度？目前系统只提供了获取顶部安全区域高度的API
2360浏览 • 1回复 待解决
HarmonyOS 如何获取屏幕顶部和底部安全区域的高度
946浏览 • 1回复 待解决
HarmonyOS 如何获取屏幕状态栏跟底部安全区域的高度?
481浏览 • 1回复 待解决
如何获取手机上部高度
444浏览 • 1回复 待解决
#鸿蒙通关秘籍# 在 HarmonyOS Next 中如何获取窗口的宽高、状态栏高度以及底部规避区域高度，以确保悬浮按钮的移动限制？
107浏览 • 1回复 待解决
HarmonyOS 如何获取navbar的高度和状态栏高度
380浏览 • 1回复 待解决
HarmonyOS 如何获取状态栏高度
575浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何对多层级手势事件的触摸区域范围进行自定义？
55浏览 • 1回复 待解决
Navigation和Tabs组件如何获取内容区域的尺寸
2184浏览 • 1回复 待解决
HarmonyOS 顶部安全区域和底部安全区域的高度是多少，对应的单位是什么？
548浏览 • 1回复 待解决
HarmonyOS 如何动态获取Column的高度呢？
317浏览 • 1回复 待解决
如何获取组件高度，有人知道吗？
2095浏览 • 1回复 待解决
如何获取文本的显示宽度和高度？
379浏览 • 1回复 待解决
HarmonyOS 如何获取手机状态栏高度？
139浏览 • 1回复 待解决
HarmonyOS 自定义组件如何获取高度？
179浏览 • 1回复 待解决
HarmonyOS 如何获取系统状态栏高度？
781浏览 • 1回复 待解决
HarmonyOS 如何获取软键盘的高度?
692浏览 • 1回复 待解决
鸿蒙harmony如何获取屏幕宽高，如何获取信号栏高度？
11109浏览 • 2回复 待解决
获取左滑返回手势方法
250浏览 • 1回复 待解决
如何获取状态栏与导航栏高度？
217浏览 • 0回复 待解决
watch3如何获取海拔高度？
3041浏览 • 1回复 待解决
如何获取状态栏和导航栏高度
2896浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
Vue如何制作高度模块化的程序 0回复
HarmonyOS如何获取设备udid 1回复
如何获取OpenHarmony（鸿蒙）源代码 0回复
鸿蒙如何获取屏幕相关信息 2回复
什么是声望？如何获取声望？ 0回复