Flutter（五）手势GestureDetector

在Android中，每一个 View 都可以通过 onTouch 方法重写其触摸事件，也可以通过 setOnClickListener 方法来给 View 设置点击事件。但是Flutter中除了少部分组件，如 Button 相关的组件可以直接通过 onPressed 实现点击事件。其余组件想实现点击、长按等事件，都需要借助 GestureDetector 来实现手势监听

成都创新互联-专业网站定制、快速模板网站建设、高性价比汕头网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式汕头网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖汕头地区。费用合理售后完善，十多年实体公司更值得信赖。

下面介绍比较常用的手势如 onTap （点击）、 onDoubleTap （双击）、 onLongPress （长按）

小球跟随手指移动的实现应该是属于各种移动端框架作为了解拖动手势的的典型案例，下面我们来看看用flutter如何实现小球跟随手指移动

拖动手势主要由 onPanDown （手指按下）、 onPanUpdate （手指滑动）、 onPanEnd （滑动结束）构成

缩放手势需要用到 onScaleUpdate 方法，下面是一个简单的图片缩放的实现

Flutter-GestureDetector的拖曳手势

相信在方法当中，我们都会遇到让组件有拖拽效果的需求。在 Flutter 当中怎么实现拖拽需求呢？这篇博客分享关于 拖拽手势 的知识，希望对看文章的小伙伴有所启发。

拖拽手势 是指用户在长按屏幕的时候，移动手指的手势。会细分成：

我们可以理解成用户在触碰到屏幕的那一刻处于 按下 ，之后有可能触发 移动 手势，最后 抬起 离开屏幕，这就是完整的手势。

在 GestureDetector 当中，拖拽手势分为2种：

flutter- 全局悬浮可拖动的Widget

那天,产品经理说“我在微信朋友圈里点了别人分享出来的歌曲链接 听了会歌 那歌简直了 好听 退到聊天界面 出现了个悬浮的歌曲图标 那我们能不能做类似的 在所有页面都会存在这样一个悬浮图标 这个图标目前要有打客服电话功能”。

我一心想，这人真会搞事 哈哈。行 满足他

事实上有一个Overlay的widget,它的createState方法获取的就是OverlayState对象.

Overlay可以认为是一个UI上面的蒙版/浮空层,使用起来类似Stack;