11-flutter事件监听

事件监听

1 本身支持事件检测，就可以直接使用onpress

        body:Center(
            child: RaisedButton(
              child: Text("Click"),
              onPressed: (){
                print("我被Click了");
              }
            ),
        ),

2 如果本身不支持事件的检测，

使用 GestureDetector 添加一个点击事件

      home:  Scaffold(
        appBar: AppBar(title: new Text("Hello It's me")),
        body: GestureDetector(
           child: Text("Nice"),
           onTap: (){
             print("我被点击了");
           },
        ),
      ),

3 GestureDetector 可以添加多种手势

点击

onTapDown	在特定的位置轻触手势接触了屏幕
onTap	单击操作
onTapUp	在特定的位置产生了一个轻触手势并且停止接触屏幕
onTapCancel	触发了onTapDown，但是没有触发onTap

双击

onDoubleTap

长按

onLongPress

拖动

onVerticalDragStart	垂直拖动
onVerticalDragUpdate	接触屏幕并且继续在垂直方向移动
onVerticalDragEnd	之前接触了屏幕并且垂直移动，并且在停止接触屏幕前以某一个垂直速度移动
onHorizontalDragStart	水平方向
onHorizontalDragUpdate	接触了屏幕并且在水平方向移动
onHorizontalDragEnd	水平方向

            child: GestureDetector(
              child:new Text("Click"),
              onTap: (){
                print("点击效果");
              },
              // 双击
              onDoubleTap: (){
                print("双击效果");
              },
              // 长按
              onLongPress: (){
                 print("长按效果");
              },
              //按下去
              onTapDown: (e){
                  print(e);
              },

              // 放手
              onTapUp: (e){
                print(e);
              },
 
            )