HarmonyOS如何获取控件在屏幕X坐标位置？

@Entry  
@Component  
struct Page {  
  @State arr: Array<number> = [1, 2, 3, 4, 6, 7, 8, 9, 10]  
  build() {  
    Column() {  
      List() {  
        ForEach(this.arr, (item: number) => {  
          ListItem() {  
            Text(item.toString())  
              .fontSize(24)  
              .id(item.toString())  
          }.height(100)  
        })  
      }.height('50%')  
      .alignListItem(ListItemAlign.Center)  
      Button('获取组件位置').onClick(() => {  
        let obj = JSON.parse(getInspectorByKey('1'))  
        console.log("demoTest:" + JSON.stringify(obj))  
        let rectInfo = JSON.parse('[' + obj.$rect + ']')  
        console.log("x" + JSON.parse('[' + rectInfo[0] + ']')[0])  
        console.log("y" + JSON.parse('[' + rectInfo[0] + ']')[1])  
        console.log("with" + (JSON.parse('[' + rectInfo[1] + ']')[0] - JSON.parse('[' + rectInfo[0] + ']')[0]))  
        console.log("height" + (JSON.parse('[' + rectInfo[1] + ']')[1] - JSON.parse('[' + rectInfo[0] + ']')[1]))  
      })  
    }  
  
  }  
}