鸿蒙应用开发实战:点击和手势事件_鸿蒙import { gestureevent, gesturelistener, gesturer(1)

39 阅读3分钟

TapGesture在开发中使用频率也是非常高,它的两个参数count和fingers分别代表点击次数和点击的手指数。都是非必填选项,不填写时默认为1。

用法示例:

Text('Click twice').fontSize(28)        .gesture( TapGesture({ count: 2 }) .onAction((event: GestureEvent) => { console.log("双击事件") }))

长按手势(LongPressGesture)

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

解释一下LongPressGesture的三个参数:

fingers:触发长按手势所需要的最少手指数量,最小值为1,最大值为10,默认值为1。

repeat:是否连续触发事件回调,默认值为false。

duration:触发长按所需的最短时间,单位为毫秒,默认值为500。

用法示例:

Text('LongPress OnAction:' + this.count).fontSize(28)        .gesture( LongPressGesture({ repeat: true }) .onAction((event: GestureEvent) => {              console.log("长a按事件")            }) )

拖动手势(PanGesture)

PanGestureOptions(value?:{ fingers?:number; direction?:PanDirection; distance?:number})

拖动手势中的fingers是手指数量,direction为拖动的方向,distance为拖动的距离。

用法示例:

Text('拖动事件') .gesture( PanGesture({fingers:1,direction:PanDirection.All,distance:5}) .onActionStart(()=>{ console.log("拖动开始") }) .onActionUpdate((event)=>{              console.log("位置信息:",event.offsetX) }) .onActionEnd(()=>{ console.log("拖动结束") }) )

以上就是开发中比较常见的手势交互事件,除此之外还有捏合事件、旋转事件等等,不再一一赘述。

优先级问题

另一个比较常见的问题就是当父组件和子组件的都有手势事件时的冲突问题,比如:

Column(){ Text("子组件点击") .gesture( TapGesture() .onAction(()=>{ console.log("点击子组件") }) ) } .gesture( TapGesture() .onAction(()=>{ console.log("点击父组件") }) )

这时候会优先响应子组件:

图片

那么当我们需要优先响应父组件的时候,可以将父组件的gesture换为priorityGesture即可解决:

Column(){ Text("子组件点击") .gesture( TapGesture() .onAction(()=>{ console.log("点击子组件") }) ) }      //这里将.gesture换成.priorityGesture .priorityGesture( TapGesture() .onAction(()=>{ console.log("点击父组件") }) )

最后,为了能够让大家跟上互联网时代的技术迭代,赶上互联网开发人员寒冬期间一波红利,在这里跟大家分享一下我自己近期学习心得以及参考网上资料整理出的一份最新版的鸿蒙学习提升资料,有需要的小伙伴自行领取,限时开源,先到先得~无套路领取!!!

 🚀写在最后

  • 如果你觉得这篇内容对你还蛮有帮助,我想邀请你帮我三个小忙:
  • 点赞,转发,有你们的 『点赞和评论』,才是我创造的动力。
  • 关注小编,同时可以期待后续文章ing🚀,不定期分享原创知识。
  • 想要获取更多完整鸿蒙最新VIP学习资料,请点击→纯血版全套鸿蒙HarmonyOS学习资料

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

img img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化的资料的朋友,可以戳这里获取