TapGesture

支持单击、双击和多次点击事件的识别。

说明：

从API version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。

当组件同时绑定双击和单击手势且双击手势先绑定时，单击手势会有300ms的延时。

接口

TapGesture(value?: TapGestureParameters)

设置点击手势的相关参数。

触发点击手势事件的设备类型为键盘或手柄时，事件的SourceTool值为Unknown。

原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名	类型	必填	说明
value	TapGestureParameters	否	点击手势的相关参数。

TapGestureParameters¹²⁺对象说明

说明：

为规范匿名对象的定义，API 12版本修改了此处的元素定义。其中，保留了历史匿名对象的起始版本信息，会出现外层元素@since版本号高于内层元素版本号的情况，但这不影响接口的使用。

点击手势参数。继承自BaseHandlerOptions。

系统能力： SystemCapability.ArkUI.ArkUI.Full

名称	类型	只读	可选	说明
count11+	number	否	是	识别的连续点击次数。当设置的值小于1或不设置时，会被转化为默认值。 默认值：1 说明： 1. 当配置多击时，上一次的最后一根手指抬起和下一次的第一根手指按下的超时时间为300毫秒。 2. 当上次点击的位置与当前点击的位置距离超过60vp时，手势识别失败。在多指情况下，点击的位置为所有参与手势响应手指的平均位置。 原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
fingers11+	number	否	是	触发点击的手指数，最小为1指， 最大为10指。当设置小于1的值或不设置时，会被转化为默认值。 默认值：1 说明： 1. 当配置多指时，第一根手指按下后300毫秒内未有足够的手指数按下，手势识别失败；手指抬起时，抬起后剩余的手指数小于阈值时开始计时，如300ms内未全部抬起则手势识别失败。 2. 实际点击手指数超过配置值，手势识别成功。 原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
distanceThreshold	number	否	是	点击手势移动阈值。当设置的值小于等于0或不设置时，会被转化为默认值。 默认值：2^31-1 说明： 当手指的移动距离超出开发者预设的移动阈值时，点击识别失败。如果初始化为默认阈值时，手指移动超过组件热区范围，点击识别失败。 原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。

事件

原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

onAction

onAction(event: (event: GestureEvent) => void)

Tap手势识别成功回调。

原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名	类型	必填	说明
event	(event: GestureEvent) => void	是	手势事件回调函数。

属性

系统能力： SystemCapability.ArkUI.ArkUI.Full

名称	类型	只读	可选	说明
tag11+	string	否	否	设置Tap手势标志，用于自定义手势判定时区分绑定的手势。 原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
allowedTypes14+	Array<SourceTool>	否	否	设置Tap手势支持的事件输入源。 原子化服务API： 从API version 14开始，该接口支持在原子化服务中使用。

示例

该示例通过TapGesture实现了双击手势的识别。

// xxx.ets
@Entry
@Component
struct TapGestureExample {
  @State value: string = '';

  build() {
    Column() {
      // 单指双击文本触发手势事件
      Text('Click twice').fontSize(28)
        .gesture(
        TapGesture({ count: 2 })
          .onAction((event: GestureEvent) => {
            if (event) {
              this.value = JSON.stringify(event.fingerList[0])
            }
          })
        )
      Text(this.value)
    }
    .height(200)
    .width(300)
    .padding(20)
    .border({ width: 3 })
    .margin(30)
  }
}