学习笔记（三十一）：ArkUi-componentUtils

概述：

提供获取组件绘制区域坐标和大小的能力。

一、导入模块

import { componentUtils } from '@kit.ArkUI';

 

二、根据组件id获取组件信息

componentUtils.getRectangleById

getRectangleById(id: string): ComponentInfo

根据组件ID获取组件实例对象, 通过组件实例对象将获取的坐标位置和大小同步返回给开发者。

ComponentInfo包含的属性：

 使用示例：

// 组件信息componentUtils使用示例
import {componentUtils} from '@kit.ArkUI'
@Entry
@Component
struct ButtonExample {uiContext:UIContext = this.getUIContext()// 获取组件信息
  getComponentInfo(){let componentInfo:componentUtils.ComponentInfo = this.uiContext.getComponentUtils().getRectangleById('btnOne')console.log('组件信息',componentInfo)}build() {Row() {Button('获取组件信息').type(ButtonType.Normal).width(100).borderRadius(20).onClick(()=>{this.getComponentInfo()}).id('btnOne')}.justifyContent(FlexAlign.Center).width('100%').height('100%')}
}