HarmonyOS 实战开发 —— 基于手势绑定的常见问题处理

最新推荐文章于 2025-07-15 18:00:00 发布
原创 最新推荐文章于 2025-07-15 18:00:00 发布 · 788 阅读 · 12 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos #组件化 #移动开发 #鸿蒙开发 #ArkUI #页面布局

📚往期笔录记录🔖：

🔖鸿蒙（HarmonyOS）北向开发知识点记录~
🔖鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~
🔖鸿蒙应用开发与鸿蒙系统开发哪个更有前景？
🔖嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~
🔖对于大前端开发来说，转鸿蒙开发究竟是福还是祸？
🔖鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？
🔖记录一场鸿蒙开发岗位面试经历~
🔖持续更新中……

场景一：父子组件同时绑定手势的冲突处理

效果图

方案

在默认情况下，手势事件为非冒泡事件，当父子组件绑定相同的手势时，父子组件绑定的手势事件会发生竞争，最多只有一个组件的手势事件能够获得响应，默认子组件优先识别通过gesture绑定的手势。

  1. 当父组件使用priorityGesture绑定与子组件同类型的手势时，父组件优先识别通过priorityGesture绑定的手势，子组件的手势不会进行识别响应。
  2. 当父组件绑定了并行手势parallelGesture时，
最低0.47元/天 解锁文章
鸿蒙应用开发（基础篇）之列表组件
xiangzhihong8的专栏
09-12 3833
List是很常用的滚动类容器组件，一般和子组件ListItem一起使用，List列表中的每一个列表项对应一个ListItem组件。Grid组件为网格容器，是一种网格列表，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。Grid组件一般和子组件GridItem一起使用，Grid列表中的每一个条目对应一个GridItem组件。
实战指南：鸿蒙ArkTS中实现列表下拉刷新与触底加载的完整解析
weixin_61662736的博客
03-14 1394
在移动应用开发中，下拉刷新和触底加载更多是提升用户体验的核心功能。鸿蒙ArkUI框架通过Refresh组件和List组件的onReachEnd事件，为开发者提供了简洁高效的实现方案。本文将通过代码示例，详解如何利用ArkTS实现这两个功能。
鸿蒙开发笔记(二十七): 交互事件--手势
Waruler的博客
01-24 2456
交互事件--手势
鸿蒙开发新手必备-如何快速实现手势使用场景
2401_82546228的博客
05-08 1645
今天分享一下鸿蒙的手势，使用场景比较多，也是比较重要的一个功能点。
鸿蒙开发-UI-交互事件-手势事件
中年程序员
03-27 2191
上文学习鸿蒙开发UI交互焦点事件，了解焦点、获焦、失焦、走焦等相关概念，详细学习了走焦的相关规则，以及设置组件是否获焦的接口，最后学习了自定义TAB键的走焦顺序，本文将学习手势事件。本文学习手势事件，学习绑定手势的三种方法，以及单一手势和组合手势的使用方法，下文将学习鸿蒙开发web相关的知识。
HarmonyOS 实战开发 —— 基于手势的图片预览与缩放
CTrup的博客
11-25 825
1、使用组合手势GestureGroup，同时绑定捏合手势PinchGesture和滑动手势PanGesture，设置组合手势识别模式为并行识别模式：Parallel，并行识别组合手势中注册的手势将同时进行识别，直到所有手势识别结束，并行识别手势组合中的手势进行识别时互不影响。2、在onTouch事件中识别手指滑动方向，并判断边界是翻页还是拖动，方向为左右且到达边界，执行scaleUnEnable方法，将panGesture手势方向置为none，执行翻页；反之执行滑动手势，不翻页。
HarmonyOS 开发实践 —— 基于手势的图片预览与缩放
liuhaojiabin的博客
11-14 940
1、使用组合手势GestureGroup，同时绑定捏合手势PinchGesture和滑动手势PanGesture，设置组合手势识别模式为并行识别模式：Parallel，并行识别组合手势中注册的手势将同时进行识别，直到所有手势识别结束，并行识别手势组合中的手势进行识别时互不影响。2、在onTouch事件中识别手指滑动方向，并判断边界是翻页还是拖动，方向为左右且到达边界，执行scaleUnEnable方法，将panGesture手势方向置为none，执行翻页；反之执行滑动手势，不翻页。
HarmonyOS 实战开发 —— 基于滚动组件的手势处理
CTrup的博客
11-22 574
在List组件上绑定滑动手势，在List里面最后一个ListItem内部放入Ellipse和Text组件，在滑动手势onActionUpdate回调里控制ListItemGroup组件的offset属性left参数和Ellipse的宽度达到左滑阻尼的效果。
HarmonyOS 实战开发 —— 基于UI Observer实现UI组件埋点
CTrup的博客
11-23 871
组件埋点是一种在前端开发中常用的数据采集方法，它通过在页面中的组件（例如按钮、输入框、下拉框等）上添加跟踪代码，来收集用户的操作行为数据。这些数据可以帮助开发人员分析用户的使用习惯、行为路径等信息，从而优化产品的设计和功能。
鸿蒙/DevEco Studio的ArkUI-父子通信组件的基本使用（1）单向传递
weixin_69253778的博客
04-21 865
父子类型一致:string、number、Boolean，enum，object、class，以及他们的数组。@Prop只支持: string、number.boolean、enum类型。@Link装饰的变量与其父组件中的数据源共享相同的值。嵌套类型以及数组中的对象属性无法触发视图更新。父组件对象类型，子组件是对象属性。数组中元素增、删、替换会引起刷新。父组件传递，子组件禁止初始化。//子组件不允许初始化。不可以是数组、any。
一文读懂鸿蒙Next应用开发中父子组件如何进行数据通信(状态管理v1版)
风中追风
12-18 673
Prop： 配合@State使用，实现页面单向传递 数据从父组件传入子组件，父组件数据修改，子组件UI更新;在子组件中修改,父组件ui不更新 （传递值时使用this.）1、@Provide/@Consume 配套使用，可以跨组件传值并且双向同步，在调用组件时不需要传递参数，能直接获取，ui更新 (不需要再组件调用中传值)配合@State使用，子组件用@Link接收， 可以实现页面双向传递 数据从父组件传入子组件，在子组件中修改则父组件ui更新 （传递值时使用$）@Watch应用于对状态变量的监听。
HarmonyOS/OpenHarmony(Stage模型）应用开发手势绑定方法
weixin_69135651的博客
08-29 426
通过给各个组件绑定不同的手势事件，并设计事件的响应方式，当手势识别成功时，ArkUI框架将通过事件回调通知组件手势识别的结果。
鸿蒙开发中，常见手势事件冲突处理
最新发布
梦想不只是梦与想的博客
07-15 627
【摘要】手势冲突常见于嵌套滑动、多手势竞争和区域重叠场景。解决方案包括：1)通过onTouch事件手动判断滑动方向并拦截（如Scroll嵌套List时阻止冒泡）；2)使用gesture链式调用设置手势优先级（如长按优先于点击）；3)利用hitTestBehavior控制事件穿透（如悬浮按钮拦截点击）。关键API包括PanGesture/TapGesture等手势识别器、stopPropagation阻止冒泡、以及HitTestMode事件穿透模式。实际开发中需结合场景选择方向判断、优先级控制或区域隔离等策略
鸿蒙NEXT开发【手势事件冲突解决方案】应用框架开发
houxiliOH的博客
09-28 1459
在复杂的应用界面中，多个组件嵌套时同时绑定手势事件，或者同一个组件同时绑定多个手势，都有可能导致手势事件产生冲突，达不到用户的预期效果。
vuejs 传参 向 子组件 父组件_鸿蒙OS应用开发：让父子组件的通信更优雅
weixin_36060917的博客
12-03 378
上篇文章主要讲利用事件解决子组件向父组件传值通信的问题，这也是官方给出的方案。文章链接：https://mp.weixin.qq.com/s/XdyM-M290hYeFQLA0Oxn0g参考链接：https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-custom-event-p...
【鸿蒙】跨组件通信，父子组件互相调用传值
qq_22015625的博客
12-31 877
BuilderFourPage()// 1、创建一个事件分发器@Entry@Componentbuild() {NavigationBar({ title: '测试' })Button('调用子组件方法').onClick(() => {// 3、发送事件});@Component// 2、在子组件或父组件中添加订阅事件console.info('我是子组件方法', '父组件传递的值为：' + value);build() {
Harmony OS 父子组件传参
qq_35946021的博客
03-04 2577
要改变message时，父组件的message改变不了，只能改变子组件的参数。时，改变message值，参数跟着更新。并且子组件也跟着更新（类似于vue的prop传参，只能父组件传参给子组件。
HarmonyOS Next 系列之列表下拉刷新和触底加载更多数据实现（十一）
前端领域技术分享
08-15 5238
HarmonyOS Next（基于API12）实现下拉刷新和上拉触底加载更多功能实现讲解。
【鸿蒙应用ArkTS开发系列】- 父组件直接调用子组件方法
枫的专栏
10-16 6854
子组件控制器提供了一个attach方法，通过该方法将其与组件进行绑定（实际上就是持有组件实例），通过上面代码我们知道，在子组件ChildComponent的aboutToAppear函数中，我们进行了attach的调用，那子组件需要一个控制器实例，这个控制器实例从哪里获取呢，其实就是父组件引用子组件的时候设置的。子组件除了attach方法外，我们还看到了一个getName方法，这个方法只是一个代理方法，具体实现是在子组件中完成。今天这篇文档，讲的是鸿蒙应用开发中会遇到的一种常见场景，
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值