Flutter学习笔记 --事件处理

Flutter有四种原始指针事件，如下：

上面几个方法中都有一个event参数，参数类型分别是onPointerDownEvent、onPointerMoveEvent、onPointerUpEvent和onPointerCancelEvent，它们都是PointerEvent的子类，常用属性有以下几种：

• position:相对于全局坐标的偏移
• delta:两次指针移动事件的距离
• orientation:指针移动的方向，是一个角度值
• pressure:按压力度，如果没有压力传感器的话，该值始终为1

指针事件的拦截和忽略，Flutter提供了两个组件IgnorePointer和AbsorbPointer。两者的区别：

• IgnorePointer:此节点与其子节点都将忽略点击事件
• AbsorbPointer:此节点本身能够响应点击事件，并且会阻止事件传递到子节点上

除了原始指针事件以外，还有一些复杂的手势事件，如放大、缩小、双击等，处理这些复杂的手势事件，需要用到GestureDetector组件。GestureDetector组件的常用属性如下：

示例代码：

class _GestureDetectorPageState extends State {
  double _left = 0.0;
  double _top=0.0;
  int index = 0;
  double _scaleSize = 100.0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Stack(
        children:[
        Positioned(
          left: _left,
          top: _top,
          child: GestureDetector(
            child: OutlinedButton(
              onPressed: () {  },
              child: Text('huhuhu'),
            ),
            // child: Column(
            //   children: [
            //     Container(
            //       width: 200,
            //       height: 200,
            //       color: index % 2 == 0 ? Colors.green : Colors.blue,
            //       child: Text('$_scaleSize'),
            //     ),
            //     FlutterLogo(
            //       size: _scaleSize,
            //     )
            //   ],
            // ),
            onPanUpdate: (e)=>{
              setState(() {
                _left += e.delta.dx;
                _top += e.delta.dy;
              })
            },
            // onTap: ()=>print('onTap'),
            // onTapDown: (e)=>print('onTapDown:$e'),
            // onTapUp: (e)=>print('onTapUp:$e'),
            // onScaleUpdate: (e)=>setState(() {
            //   if(e.scale.clamp(0.5, 10) != 1) {
            //     _scaleSize = 100 * e.scale.clamp(0.5, 10);
            //   }
            // }),
            // onHorizontalDragCancel: ()=>print('onHorizontalDragCancel'),
            // onHorizontalDragDown: (e)=>print('onHorizontalDragDown'),
            // onHorizontalDragEnd: (e)=>print('onHorizontalDragEnd'),
            // onHorizontalDragUpdate: (e)=>setState(() {
            //   // _left += e.delta.dx;
            //   index = 4;
            //   print('水平事件胜出');
            // }),
            // onVerticalDragDown: (e)=>print('onVerticalDragDown'),
            // onVerticalDragCancel: ()=>print('onVerticalDragCancel'),
            // onVerticalDragStart: (e)=>print('onVerticalDragStart'),
            // onVerticalDragUpdate: (e)=>setState(() {
            //   index = 5;
            //   // _top += e.delta.dy;
            //   print('垂直事件胜出');
            // }),
          ),
        ),
        ],
      ),
    );
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72