HarmomyOS 点击事件

1. HarmomyOS 点击事件

  单击事件又称点击事件，单击事件是我们平时操作过程中触发的最多的事件。事件方法以“.”链式调用的方式配置系统组件支持的事件，建议每个事件方法单独写一行。

1.1. 实现步骤

  实现HarmonyOS（鸿蒙）的单击事件主要分为四个步骤：
（1）定义组件，给组件分配唯一ID，之后通过ID定位组件
（2）给定义的组件绑定单击事件
（3）实现ClickedListener接口并重写onClick方法
（4）实现onClick方法中的具体逻辑，以此完成点击事件的相关业务操作

1.2. 实现方法

（1）使用箭头函数配置组件的事件方法。

Button('Click me')
  .onClick(() => {
    this.myText = 'ArkUI';
  })

（2）使用匿名函数表达式配置组件的事件方法，要求使用bind，以确保函数体中的this指向当前组件。

Button('add counter')
  .onClick(function(){
    this.counter += 2;
  }.bind(this))

（3）使用组件的成员函数配置组件的事件方法。

myClickHandler(): void {
  this.counter += 2;
}
Button('add counter')
  .onClick(this.myClickHandler.bind(this))

（4）使用声明的箭头函数，可以直接调用，不需要bind this

fn = () => {
  console.info(`counter: ${this.counter}`)
  this.counter++
}
Button('add counter')
  .onClick(this.fn)