Flutter事件分发和坐标获取

Posted 2021-10-09 lfdanding

Flutter事件分发可以使用RendererBinding.instance.hitTest(hitTestResult, position);，获取整个响应的控件列表，根据文章Flutter完整开发实战详解(十三、全面深入触摸和滑动原理)，在这个控件列表里，最底下的 Child 在最上面。
hitTest 方法主要为了得到一个 HitTestResult ，这个 HitTestResult 内有一个 List 是用于分发和竞争事件的，而每个 HitTestEntry.target 都会存储每个控件的 RenderObject 。
因为 RenderObject 默认都实现了 HitTestTarget 接口，所以可以理解为： HitTestTarget 大部分时候都是 RenderObject ，而 HitTestResult 就是一个带着碰撞测试后的控件列表。

在获取到响应的RenderObject控件后，RenderObject并没有记录坐标等信息，基本都是由其子类RenderBox完成，参考文章flutter之RenderObject，在Flutter中一般不会直接使用RenderObject，因为RenderObject本身只实现了基础的layout和paint等相关功能，而绘制到屏幕上还需要坐标体系和布局协议。所以大部分时候Widget的RenderObject会是其子类RenderBox或者RenderSliver，使用代码获取RenderObject的坐标Rect r = (renderObject as RenderBox).localToGlobal(Offset.zero) & (renderObject as RenderBox).size;

参考文章：
https://zhuanlan.zhihu.com/p/65342774
https://xiangzy1.github.io/2020/07/11/flutter-renderobject/
https://www.jianshu.com/p/df5d03df3fd3