#鸿蒙通关秘籍#如何处理鸿蒙系统中组件上的触摸事件?

HarmonyOS
7天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
hm673ff04cb0ea4

在鸿蒙系统中,可以利用onTouch事件来处理组件上的触摸事件。这一事件会在手指按下、滑动以及抬起时触发,并能使用以下代码注册该事件:

<Button('Touch').height(40).width(100)
  .onTouch((event?: TouchEvent) => {
    if(event){
      let eventType = '';
      switch(event.type) {
        case TouchType.Down:
          eventType = 'Down';
          break;
        case TouchType.Up:
          eventType = 'Up';
          break;
        case TouchType.Move:
          eventType = 'Move';
          break;
      }
      let text = 'TouchType: ' + eventType + '\nDistance between touch point and touch element:\nx: ' +
      event.touches[0].x + '\ny: ' + event.touches[0].y + '\nComponent globalPos: (' +
      event.target.area.globalPosition.x + ',' + event.target.area.globalPosition.y + ')\nwidth: ' +
      event.target.area.width + '\nheight: ' + event.target.area.height;
    }
  })
>

在代码中,onTouch事件被绑定到某个按钮,且通过TouchEvent对象可得到触摸类型与触摸点等信息。

分享
微博
QQ
微信
回复
7天前
相关问题
组件如何处理组件内点击事件
2725浏览 • 1回复 待解决