第二十三回：Flutter中的事件处理-Toy模板网

这篇具有很好参考价值的文章主要介绍了第二十三回：Flutter中的事件处理。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

我们在上一章回中介绍了对齐和边距类Widget相关的内容，,本章回中将介绍 事件处理相关的知识.闲话休提，让我们一起Talk Flutter吧。

概念介绍

我们在这里说的事件表示点击和滑动屏幕时触发的事件，类似Android中的TouchEvent.Flutter提供了PointerEvent类及其子类来封装不同类型的事件。同时还提供了Listener组件来管理事件，当事件被触发后Listener将把事件传递到相应的组件上，进而完成组件对事件的响应。本章回中将详细介绍该组件的使用方法。

使用方法

Listener也是一个Widget，它的使用方法类似容器类Widget,它提供了相关的属性用来处理不同类型的事件，它还提供了一个child属性，它把事件传递给该属性对应的组件，进而让组件来响应不同的事件。接下来我们介绍一下Listener提供的属性。

onPointerDown属性，用来响应down事件，比如手指在屏幕上按下时就会触发这类事件；
onPointerUp属性，用来响应up事件，比如手指在屏幕上松开时就会触发这类事件；
onPointerMove属性，用来响应move事件，比如手指在屏幕上滑动时就会触发这类事件；

Listener还提供了其它的属性，这里不再一一介绍。这三个属性是Listener中常用的属性，这三个属性已经可以满足决大部分的程序需求。

给这三个属性赋值时需要使用带有参数的方法，这里的参数必须是PointerEvent类及其子类的对象，从参数中可以获取到事件类型，以及其它与事件相关的信息，常用的是触发事件点的坐标。我们可以通过PointerEvent类的position属性来获取到事件的坐标值。

示例代码

  void _eventDown(PointerDownEvent event) => print("Event Down: position:${event.position}");
  void _eventUp(PointerEvent event) => print("Event Up: position:${event.position}");
  void _eventMove(PointerEvent event) => print(
      "Event Move: position:${event.position} transform: ${event.transform},delta: ${event.delta}");
Listener(
  onPointerDown: _eventDown,
  onPointerMove: _eventMove,
  onPointerUp: _eventUp,
  child: const Text(
    "Event Listener inside",
    style: TextStyle(
      color: Colors.black87,
      fontSize: 16,
      backgroundColor: Colors.white,
    ),
  )),