事件分发的深度解析：揭秘 Flutter 触摸反馈原理

Android

2023-10-15 10:00:33

Flutter 中的事件分发：为流畅的用户体验奠定基础

手势裁决：事件分发中的交通警察

当用户在 Flutter 应用程序上点击或滑动屏幕时，会触发一系列复杂的过程，以确定如何处理该触摸事件。手势裁决充当交通警察，决定哪个手势识别器有权处理该事件。

Flutter 提供了三种手势裁决：透明手势裁决允许所有手势识别器接收事件；忽略手势裁决阻止所有手势识别器接收事件；行为手势裁决根据手势的行为决定是否传递事件给识别器。

手势识别器：触摸事件的解释器

手势识别器就像聪明的解读器，它们能够识别和理解用户手势的含义。Flutter 提供了各种内置的手势识别器，如轻触、双击、拖动和缩放手势识别器。

这些识别器根据不同的触摸模式识别手势，例如手指的移动、按下或释放。它们将低级触摸事件转换为有意义的高级事件，如轻触或拖动。

手势竞技场：手势识别器的斗兽场

当多个手势识别器同时检测到同一个事件时，手势竞技场就会介入，决定哪个识别器获得优先权。这个过程类似于斗兽场中的角斗士比赛，每个手势识别器都争夺胜利。

手势竞技场使用一种称为手势竞技算法的复杂系统来确定获胜者。该算法考虑了识别器的优先级、手势的相位和触摸点的相对位置等因素。

代码示例：自定义手势识别器

以下代码展示了如何创建自定义手势识别器，它在用户用手指在屏幕上划“L”形时触发：

class LShapeGestureRecognizer extends OneSequenceGestureRecognizer {
  @override
  void addAllowedPointer(PointerDownEvent event) {
    // 只有在屏幕上没有其他指针时才允许这个指针
    if (pointerCount == 0) {
      startTrackingPointer(event.pointer);
    }
  }

  @override
  void handleEvent(PointerEvent event) {
    if (event is PointerMoveEvent) {
      // 检查指针是否形成“L”形
      if (event.localPosition.dx > event.localPosition.dy * 2) {
        // 触发识别事件
        resolve(GestureDisposition.accepted);
      }
    }
  }
}