鸿蒙 HarmonyOS ArkTS 点击事件，获取被点击对象的的位置

news2024/12/24 11:25:50

    @Entry
    @Component
    struct Page {
      @State screenX:number = 0
      @State screenY:number = 0
      @State X:number = 0
      @State Y:number = 0
      @State timestamp:number = 0
      build () {
        Row () {
          Column(){
            Text('应用窗口左上角的X坐标:' + this.screenX).fontColor(Color.White).margin({bottom:20})
            Text('应用窗口左上角的Y坐标:' + this.screenY).fontColor(Color.White).margin({bottom:20})
            Text('被点击元素左上角的X坐标:' + this.X).fontColor(Color.White).margin({bottom:20})
            Text('被点击元素左上角的Y坐标:' + this.Y).fontColor(Color.White).margin({bottom:20})
            Text('系统启动的时间间隔:' + this.timestamp).fontColor(Color.White).margin({bottom:20})
            Button('点击事件')
              .onClick((event:ClickEvent)=>{
                this.screenX = event.screenX
                this.screenY = event.screenY
                this.X = event.x
                this.Y = event.y
                this.timestamp = event.timestamp
                console.log ( '点击事件')
              })

          }

        }
        .justifyContent ( FlexAlign.Center )
        .width ( '100%' )
        .height ( '100%' )
        .backgroundColor ( '#212121' )

      }
    }

亲爱的读者：

首先，我要感谢您抽出宝贵的时间阅读这篇文章。我深知，您的每一分每一秒都是宝贵的。为此，我在创作这篇文章时付出了巨大的努力，力求为您提供最具价值的内容。

这篇文章汇聚了我多年的经验与心得，我深信，其中的信息将对您的生活或工作有所启发。如果您觉得这篇文章对您有所裨益，那么，我诚邀您给予一定的赞赏。这份微薄的费用，对您来说可能只是举手之劳，但对我而言，却是极大的鼓励和支持。

我始终坚信，知识的分享是一种力量。因此，我笔耕不辍，希望通过文字与您共同成长。您的每一次支持，都是对我最大的鼓舞，也激发了我创作更多优质内容的热情。

如果您愿意为我加油打气，诚邀您给予一定的赞赏。同时，您的反馈和建议对我而言意义非凡，期待与您在评论区交流心得。

再次感谢您的阅读与支持！愿您一切安好，技术超标。