十四、组件-通用属性-触摸事件

发布时间 2023-12-19 10:33:04作者: 创客未来

//手指触摸动作触发回调

onTouch(event:(event?:TouchEvent)=>void)

 

案例代码:

/**
 * author:创客未来
 * copyright:com.ckFuture.hrb
 * 触摸事件
 */
@Entry
@Component
struct Touch {
  @State text: string = ''
  @State eventType: string = ''

  build() {
      Column() {
        Button('Touch').height(40).width(100)
          .onTouch((event:TouchEvent)=>{
            if(event.type === TouchType.Down){
              this.eventType = 'Down'
            }
            if(event.type === TouchType.Up){
              this.eventType = 'Up'
            }
            if(event.type === TouchType.Move){
              this.eventType = 'Move'
            }
            this.text = 'TouchType:' + this.eventType + '\n x:'
            + event.touches[0].x + '\n y:' + event.touches[0].y + '\n width:'
            + event.target.area.width + '\n height:' + event.target.area.height
          })
        Divider()
        Text(this.text).fontSize(30)
      }
      .width('100%')

  }
}