1.接口LongPressGesture(options?: { fingers?: number, repeat?: boolean, duration?: number })
参数:
参数名称 | 参数类型 | 必填 | 默认值 | 参数描述 |
fingers | number | 否 | 1 | 触发长按的最少手指数,最小为1指, 最大取值为10指。 |
repeat | boolean | 否 | false | 是否连续触发事件回调。 |
duration | number | 否 | 500 | 最小触发长按的时间,单位为毫秒(ms)。 |
2.事件名称 | 功能描述 |
onAction((event?: GestureEvent) => void) | LongPress手势识别成功回调。 |
onActionEnd((event?: GestureEvent) => void) | LongPress手势识别成功,手指抬起后触发回调。 |
onActionCancel(event: () => void) | LongPress手势识别成功,接收到触摸取消事件触发回调。 |
3.代码示例
- @Entry
- @Component
- struct Index {
- @State count: number = 0
- build() {
- Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween }) {
- Text('LongPress onAction:' + this.count)
- .fontSize(30)
- }
- .height(200).width(300).padding(60).border({ width:1 }).margin(30)
- .gesture(
- LongPressGesture({ repeat: true })
- //长按动作存在会连续触发
- .onAction((event: GestureEvent) => {
- if (event.repeat) { this.count++ }
- })
- //长按动作一结束触发
- .onActionEnd(() => {
- this.count = 0
- })
- )
- }
- }
复制代码 4.效果长按屏幕效果如图:
代码地址: