【HarmonyOS NEXT】如何获取UI组件的rect（坐标和大小）

最新推荐文章于 2024-08-06 22:17:36 发布
最新推荐文章于 2024-08-06 22:17:36 发布
阅读量494 收藏 9
点赞数 8
文章标签： harmonyos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mayism123/article/details/136209953
版权
文章讨论了如何准确获取UI组件的$rect值，指出初始方法存在向右下方的偏移，因为$rect包含了Title预留距离。作者提出，对于绘制需求，可以考虑参照其他组件的相对位置。
摘要由CSDN通过智能技术生成

【关键字】

UI组件 / $rect / 坐标

【问题描述】

当前使用了如下方法获取UI组件的rect：调用getInspectorByKey接口，通过组件ID获取组件的所有属性，解析后获取$rect的值，再获取对应的起始点坐标和宽高，再通过px2vp转换为vp，得到最后的坐标位置。

cke_423.png

但是这个坐标位置有偏差，有向右下方的偏移。

是否还有其他办法来获取UI组件的rect?

【解决方案】

$rect获取的是相对屏幕左上的距离，包含了UI预留的Title距离。

如果是绘制，可以参照其他组件的相对位置绘制。

Mayism123
关注
  • 8
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Python】WebUI自动化—Selenium的下载和安装、基本用法、项目实战（16）
墩墩分墩
10-08 2002
Selenium 是一个用于测试Web 应用程序的自动化测试工具，它直接运行在浏览器中，实现了对浏览器的自动化操作，它支持所有主流的浏览器，包括IE，Firefox，Safari，Chrome 等。-支持所有主流平台（如，等）实现了诸多自动化功能，比如软件自动化测试，检测软件与浏览器兼容性，自动录制、生成不同语言的测试脚本，以及自动化爬虫等。Selenium 提供了一个工具集，包括Selenium WebDriver（浏览器驱动）、Selenium IDE（录制测试脚本）、
HarmonyOS（鸿蒙）——滑动事件之上、下、左、右滑动
Java框架、并发编程、分布式、微服务、Redis、HarmonyOS、中间件等技术
08-12 2906
本文已收录于专栏 ❤️《鸿蒙开发》❤️ 欢迎各位关注、三连博主的文章及专栏，每周定期更新1-5篇基础文章，共勉！ 目录 一、简述 二、代码实现 2.1 坐标获取 2.2 判断滑动方向 2.3 总结 一、简述 滑动事件有多个步骤组成，它不是一个简单的事件，它需要多个动作来共同完成，滑动根据方向不同分为向上滑动、向下滑动、向左滑动和向右滑动。在现如今移动互联网和短视频等行业的迅猛发展，滑动事件大家都非常的熟悉，尤其是抖音、快手这些快餐式的娱乐小视频，一滑就停不下来。 日常生活中，我们经常使用
【鸿蒙 Harmony NEXT】获取组件宽高
Rtas_All的博客
05-12 628
通过计算组件实时区域信息拿到。
鸿蒙HarmonyOS NEXT开发：组件区域变化事件（ArkTS组件事件）
最新发布
shudaoshanBBQ的博客
08-06 965
组件区域变化事件指组件显示的尺寸、位置等发生变化时触发的事件。
HarmonyOS开发小记——获取组件坐标
javacapp的博客
01-25 886
鸿蒙ArkTs获取组件坐标，通过JSON.parse(getInspectorByKey("pos"))可以获取到一个JSON对象，我们再在这里面找我们需要的属性就行了。获取到的内容会是"xxvp"，只要把后面的字符"vp"去掉，剩下数值的转换成number，就可以用于运算之类的。通过getInspectorByKey("pos")，可以获取到组件"pos"所有的属性。Harmony里获取组建坐标用到的是组件标识里的getInspectorByKey()。
获取组件坐标系
weixin_34237596的博客
12-05 145
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_pa
js获取控件坐标以及位置定位
zht825000的专栏
02-22 4036
js获取控件的绝对位置 已经控件宽度和高度2010-08-11 13:07<br />//获取控件左绝对位置<br />function getAbsoluteLeft(objectId) {<br />o = document.getElementById(objectId)<br />oLeft = o.offsetLeft            <br />while(o.offsetParent!=null) { <br />oParent = o.offsetParent    <br />oLe
鸿蒙获取组件的位置信息
liuhaikang的博客
03-17 1439
在鸿蒙应用开发中如何需要获取组件的位置信息
HarmonyOS 通过getInspectorByKey获取指定元素高宽等属性
weixin_45966674的博客
02-14 1314
简单说 就是 定义了一个 button按钮 点击事件中 通过getInspectorByKey 获取了 id为ES的元素。然后 我们转成真json 里面就可以拿到 size 尺寸属性集合。然后 我们写了个 Circle 组件 定义了宽高。然后 我们就会获得一个字符串类型的json串。然后 如果我们希望在逻辑代码中获取它的宽高。这里 我们就写了个很基本的组件结构。例如 这里 我们有这样一个组件。这里 就获取到了 元素同单位。
HarmonyOS第三方组件——鸿蒙图片裁剪组件ohos-Image-Cropper
VincenZsw的博客
01-29 1869
前言 基于鸿蒙开源系统，完成图像裁剪组件ohos-Image-Cropper的构建，实现了和Android-Image-Cropper同样的功能，代码已经开源到（https://gitee.com/iscas-ohos/harmony-image-cropper），欢迎各位开发者下载使用并提出宝贵意见~ 背景 ohos-Image-Cropper组件是个简单、灵活、高效的图片裁剪工具，支持图片在裁剪前进行裁剪框移动、旋转、翻转（水平、垂直）的操作，并将最终裁剪结果反馈给用户。 Sample解析 在
HarmonyOS系统应用开发基础入门
Crowd_chips的博客
07-08 541
ArkUI基础入门知识点
HarmonyOS NEXT 使用Navigation实现多设备适配案例
2401_84181731的博客
04-11 595
else if (this.leftImageWidth = CONFIGURATION.LEFT_IMAGE_RIGHT_LIMIT_SIZE) { // 当leftImageWidth大于等于310vp时，设置左右Image为固定值，实现停止滑动效果。
公开揭密团队成员开发鸿蒙 OpenHarmony 的完整过程(收获官方7k奖金和开发板等，2w字用心总结)
Wscats
11-22 7384
背景 随着 OpenHarmony 组件开发大赛结果公布，我们的团队成员被告知获得了二等奖，在开心之余也想将我们这段时间宝贵的开发经验写下来与大家分享，当我们看到参赛通知的时候已经是 9 月中旬的时候，此时已经是作品可以提交的时间了，参考了一些其他作品发现，基于 Canvas 开发的组件目前还没有，那我们就开始计划写一个基于 Canvas 和通用组件一起开发的组件，在这之前由于并没有开发过 OpenHarmony 应用，我们团队成员都没有相关的经验，大家从零开始在摸索，我们首先分工合作，有的成员负责去下载
鸿蒙Harmony应用开发—ArkTS声明式开发（通用属性：组件标识）
m0_64420071的博客
03-04 1454
ArkTS声明式开发（通用属性：组件标识）
鸿蒙ArkTS声明式开发：跨平台支持列表【组件标识】 通用属性
2401_82772199的博客
06-06 631
id为组件的唯一标识，在整个应用内唯一。本模块提供组件标识相关接口，可以获取指定id组件的属性，也提供向指定id组件发送事件的功能。从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
【OpenHarmony应用开发】eTS通用属性 - 组件标识（二）
sinat_15577573的博客
04-25 136
参考文档：https://gitee.com/openharmony/docs/blob/5654c2b940ab3e2f4f0baf435e630c4ef3536428/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-component-...
harmony 鸿蒙ArkUI动画/交互事件开发常见问题(ArkTS)
m0_68271787的博客
05-19 970
问题现象一个页面底部默认显示自定义组件A，点击自定义组件A，则A消失，自定义组件B从底部出现；点击自定义组件B，则组件B消失，A从底部出现。这个效果要如何实现？解决措施可以使用transition产生组件转场动画，其参数type用来设置组件变化场景，包括新增和删除；参数translate用来设置转场时的平移效果。注意transition需要配合animateTo才能生效，动效时长、曲线、延时跟随animateTo中的配置。代码示例@Entry@Componentbuild() {if (!
【HarmonyOS NEXT】如何获取组件的高度和位置
Mayism123的博客
02-20 1160
可以用组件区域事件获取。
使用 Sublime Text 2 开发 Unity3D 项目
weixin_30569033的博客
05-12 417
用 Sublime 已经有很长一段时间，很舒适，很贴心，根本停不下来。之前因为是开发页游，所以是用 AS3 开发，近段时间，新开了个手游项目，引擎方面选定了 Unity3D，老实说，之前没有太多的 3D 的概念，只是自己偶尔会下个 AS3 写的 3D 引擎玩一下，折腾折腾，并没有实际的工作中用到过相关的东西，如今项目需要用 Unity3D，有些兴奋，这可不是自己折腾的小打小闹了。 Unity 支...
unity代码获取UI组件Image中的image
05-23
如果你想获取UI组件Image中的image，可以使用如下代码： ```csharp using UnityEngine; using UnityEngine.UI; public class Example : MonoBehaviour { public Image image; void Start() { // 获取Image组件 Image imageComponent = GetComponent<Image>(); // 获取Image组件中的Sprite Sprite sprite = imageComponent.sprite; // 获取Image组件中的Material Material material = imageComponent.material; // 获取Image组件中的Color Color color = imageComponent.color; // 获取Image组件中的填充方式 Image.FillMethod fillMethod = imageComponent.fillMethod; // 获取Image组件中的填充原点 Image.OriginHorizontal originHorizontal = imageComponent.fillOrigin; Image.OriginVertical originVertical = imageComponent.fillOrigin; // 获取Image组件中的填充量 float fillAmount = imageComponent.fillAmount; // 获取Image组件中的类型 Image.Type imageType = imageComponent.type; // 获取Image组件中的PreserveAspect bool preserveAspect = imageComponent.preserveAspect; // 获取Image组件中的NativeSize Vector2 nativeSize = imageComponent.rectTransform.rect.size; // 获取Image组件中的material的"_MainTex"纹理 Texture mainTexture = material.GetTexture("_MainTex"); } } ``` 注意，上面代码中的`GetComponent<Image>()`获取的是当前脚本所挂载的GameObject上的Image组件。如果需要获取其他GameObject上的Image组件，可以使用`GameObject.GetComponent<Image>()`方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值