codecamp

触发长按手势事件

用于触发长按手势事件,触发长按手势的最少手指数为1,最短长按时间为500毫秒。

说明

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

接口

LongPressGesture(value?: { fingers?: number, repeat?: boolean, duration?: number })

参数:

参数名称参数类型必填参数描述
fingersnumber

触发长按的最少手指数,最小为1指, 最大取值为10指。

默认值:1

repeatboolean

是否连续触发事件回调。

默认值:false

durationnumber

触发长按的最短时间,单位为毫秒(ms)。

默认值:500

事件

名称功能描述
onAction(event:(event?: GestureEvent) => void)LongPress手势识别成功回调。
onActionEnd(event:(event?: GestureEvent) => void)LongPress手势识别成功,手指抬起后触发回调。
onActionCancel(event: () => void)LongPress手势识别成功,接收到触摸取消事件触发回调。

示例

  1. // xxx.ets
  2. @Entry
  3. @Component
  4. struct LongPressGestureExample {
  5. @State count: number = 0
  6. build() {
  7. Column() {
  8. Text('LongPress onAction:' + this.count).fontSize(28)
  9. // 单指长按文本触发该手势事件
  10. .gesture(
  11. LongPressGesture({ repeat: true })
  12. // 由于repeat设置为true,长按动作存在时会连续触发,触发间隔为duration(默认值500ms)
  13. .onAction((event: GestureEvent) => {
  14. if (event.repeat) {
  15. this.count++
  16. }
  17. })
  18. // 长按动作一结束触发
  19. .onActionEnd(() => {
  20. this.count = 0
  21. })
  22. )
  23. }
  24. .height(200)
  25. .width(300)
  26. .padding(20)
  27. .border({ width: 3 })
  28. .margin(30)
  29. }
  30. }

单击、双击和多次点击事件的识别
触发拖动手势事件
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

媒体组件

像素

枚举

类型

接口

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }