1# LongPressGesture 2 3用于触发长按手势事件,触发长按手势的最少手指数为1,最短长按时间为500毫秒。 4 5> **说明:** 6> 7> 从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 8 9 10## 接口 11 12LongPressGesture(value?: { fingers?: number, repeat?: boolean, duration?: number }) 13 14当组件默认支持可拖拽时,如Text、TextInput、TextArea、HyperLink、Image和RichEditor等组件。长按手势与拖拽会出现冲突,事件优先级如下: 15 16长按触发时间 < 500ms,长按事件优先拖拽事件响应。 17 18长按触发时间 >= 500ms,拖拽事件优先长按事件响应。 19 20**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。 21 22**参数:** 23 24| 参数名称 | 参数类型 | 必填 | 参数描述 | 25| -------- | -------- | -------- | -------- | 26| fingers | number | 否 | 触发长按的最少手指数,最小为1指, 最大取值为10指。<br/>默认值:1 <br/> **说明:** <br/>手指按下后若发生超过15px的移动,则判定当前长按手势识别失败。| 27| repeat | boolean | 否 | 是否连续触发事件回调。<br/>默认值:false | 28| duration | number | 否 | 触发长按的最短时间,单位为毫秒(ms)。<br/>默认值:500 <br/>**说明:** <br/>设置小于等于0时,按照默认值500处理。| 29 30 31## 事件 32 33| 名称 | 功能描述 | 34| -------- | -------- | 35| onAction(event:(event: [GestureEvent](ts-gesture-settings.md#gestureevent对象说明)) => void) | LongPress手势识别成功回调。 <br/>**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。| 36| onActionEnd(event:(event: [GestureEvent](ts-gesture-settings.md#gestureevent对象说明)) => void) | LongPress手势识别成功,最后一根手指抬起后触发回调。 <br/>**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。| 37| onActionCancel(event: () => void) | LongPress手势识别成功,接收到触摸取消事件触发回调。<br/>**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。| 38 39## 属性 40 41**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。 42 43| 名称 | 类型 |描述 | 44| ---- | ------ | ---------------------------------------- | 45| tag<sup>11+</sup> | string | 设置LongPress手势标志,用于自定义手势判定时区分绑定的手势。| 46 47## 示例 48 49```ts 50// xxx.ets 51@Entry 52@Component 53struct LongPressGestureExample { 54 @State count: number = 0 55 56 build() { 57 Column() { 58 Text('LongPress onAction:' + this.count).fontSize(28) 59 // 单指长按文本触发该手势事件 60 .gesture( 61 LongPressGesture({ repeat: true }) 62 // 由于repeat设置为true,长按动作存在时会连续触发,触发间隔为duration(默认值500ms) 63 .onAction((event: GestureEvent) => { 64 if (event && event.repeat) { 65 this.count++ 66 } 67 }) 68 // 长按动作一结束触发 69 .onActionEnd((event: GestureEvent) => { 70 this.count = 0 71 }) 72 ) 73 } 74 .height(200) 75 .width(300) 76 .padding(20) 77 .border({ width: 3 }) 78 .margin(30) 79 } 80} 81``` 82 83 84