每日见闻之尝试大白话说清Flutter的事件传递

1 手指按下

手指按下会做以下几件事

1.1 进行hitTest 从根节点一级一级的进行hitTest 找到所有可以处理这个事件的 RenderObject,RendObject 实现了HitTestTarget,所以也可以说找到所有能处理这个事件的 HitTestTarget,最终返回HitTestResult,HitTestResult的path 里面保存了所有命中的RenderObject。

1.2 依次调用所有命中的RendObject(HitTestTarget) 的 handleEvent

2 手指按下之后的事件都是通过 PointerRouter.route 下发的。并不直接再次调用最终返回HitTestResult中保存的RenderObjecthandleEvent方法。所以命中的RenderObject能不能接收到后续的事件由PointerRouter决定。

3 我们一般是使用GestureDetector来进行事件的注册。

3.1 我们来简单捋一下 GestureDetector - build - RawGestureDetector- RawGestureDetectorState - build - Listener

3.2 最终我们定位到Listener组建,Listener组建是个RenderObjectWidget,所以他也是有对应的RenderObject,在对应的RenderObjecthandleEvent方法中收到down事件的时候,ListeneronPointerDown 会执行

4 我们接着分析Listener的onPointerDown方法

scss 复制代码
void _handlePointerDown(PointerDownEvent event) {
 assert(_recognizers != null);
 for (final GestureRecognizer recognizer in _recognizers!.values) {
   recognizer.addPointer(event);
 }
}

这个地方的 _recognizers 我们不纠结,就理解成我们我们在使用GestureDetector注册事件的时候,根据注册的事件会生成不同GestureRecognizer,真正判断这个事件是单击还是长按,具体逻辑都在对应的GestureRecognizer实现类里面。

我们看addPoint方法。如果处理这个事件就会继续走 addAllowedPointer

csharp 复制代码
void addPointer(PointerDownEvent event) {
  _pointerToKind[event.pointer] = event.kind;
  if (isPointerAllowed(event)) {
    addAllowedPointer(event);
  } else {
    handleNonAllowedPointer(event);
  }
}

再看 addAllowedPointer,不同的GestureDetector 实现方式不一样,但是归根结底都会调用到GestureBinding.instance.pointerRouter.addRoute(pointer, handleEvent, transform)

less 复制代码
@override
@protected
void addAllowedPointer(PointerDownEvent event) {
  startTrackingPointer(event.pointer, event.transform);
}
arduino 复制代码
@protected
void startTrackingPointer(int pointer, [Matrix4? transform]) {
  GestureBinding.instance.pointerRouter.addRoute(pointer, handleEvent, transform);
  ...
}

注册handleEvent到pointerRouter,以接收后续的事件。

相关推荐
无知的前端1 小时前
Flutter常见问题以及解决方案
前端·flutter·dart
无知的前端1 小时前
一文精通-Mixin特性
flutter·面试·dart
_大学牲2 小时前
Flutter 勇闯2D像素游戏之路(四):与哥布林战斗的滑步魔法师
flutter·游戏·游戏开发
ujainu小3 小时前
Flutter 视频播放全攻略:video_player 2.10.1 插件全平台集成与实战
flutter·音视频
搬砖的kk4 小时前
Flutter UUID 鸿蒙平台适配实践 - 全版本测试与验证
flutter·华为·harmonyos
梧桐ty4 小时前
硬件交互联动:基于鸿蒙的Flutter物联网应用开发实战
flutter·华为·harmonyos
ujainu小5 小时前
Flutter 全局Toast解决方案:fluttertoast 9.0.0 全平台集成与实战
flutter·fluttertoast
庄雨山5 小时前
Flutter模块化开发实战:跨端视角下与开源鸿蒙开发的异同及融合思路
flutter·openharmony
西西学代码6 小时前
Flutter---对话框
flutter