HarmonyOS 如何获取两个组件之间的距离?

HarmonyOS 如何获取两个组件之间的距离?

HarmonyOS
2024-10-25 11:51:12
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

您可尝试在scroll中使用onScroll事件监听滑动偏移量来判断。也可结合getInspectorByKey方法来实现。

可以通过getInspectorByKey获取指定id组件的所有属性,getInspectorByKey的返回结果是组件属性列表的JSON字符串。

我们需要解析字符串,获取他的rect属性,rect属性是一个长度为2的数组,数组的第一个值是组件左上角的坐标,第二个值是组件右下角的坐标,因此我们也可以获取组件的中心坐标和组件的长宽。

例如:"$rect":"[648.00, 262.00][696.00,360.00]" ,它代表组件左上角到屏幕左边的距离为648px,到屏幕顶部的距离为262px,组件的宽可以通过 696-648 = 48px得出。

参考代码:

@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]))  
      })  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-10-25 15:31:06
相关问题
HarmonyOS 两个同级组件问题
316浏览 • 1回复 待解决
有计算两个日期之间时间util接口吗
1680浏览 • 1回复 待解决
关于Image组件两个问题
285浏览 • 1回复 待解决
HarmonyOS 如何比较两个日期大小?
117浏览 • 1回复 待解决
两个重叠组件如何实现事件透传
484浏览 • 1回复 待解决
关于数据库两个问题。
2289浏览 • 1回复 待解决
两个设备控制相关问题
8998浏览 • 3回复 已解决
页面导航如何实现两个页面叠层
1772浏览 • 1回复 待解决
有谁知道如何合并两个对象
2628浏览 • 1回复 待解决