Flutter Listener 监听手指的滑动方向、监听手指上下滑动

- 日理万妓 2023-10-07 15:30 31阅读 0赞

> 在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。

*  [优美的音乐节奏带你浏览这个效果的编码过程][Link 1]
 *  [坚持每一天，是每个有理想青年的追求][Link 2]
 *  [追寻年轻人的脚步，也许你的答案就在这里][Link 3]
 *  [如果你迷茫 不妨来瞅瞅这里][Link 4]

--------------------

##### 1 Listener #####

Listener可以监听手指按下、移动、抬起或取消。

##### 2 基本使用 #####

//手指移动的位置
      double _lastMoveY = 0.0;
      //手指按下的位置
      double _downY = 0.0;
    
      Widget buildListener() {
        
        return Listener(
          onPointerDown: (PointerDownEvent event){
        
            //手指按下的距离
            _downY = event.position.distance;
          },
          onPointerMove: (PointerMoveEvent event){
        
            //手指移动的距离
            var position = event.position.distance;
            //判断距离差
            var detal = position - _lastMoveY;
            if (detal > 0) {
        
               //手指移动的距离  
              double pos = (position - _downY);
              print("================向下移动================");
            } else {
        
              // 所摸点长度 +滑动距离  = IistView的长度  说明到达底部
              print("================向上移动================");
            }
            _lastMoveY = position;
          },
          child:...
    }

--------------------

完毕

不局限于思维，不局限语言限制，才是编程的最高境界。

以小编的性格，肯定是要录制一套视频的，随后会上传

有兴趣 你可以关注一下 [西瓜视频 — 早起的年轻人][Link 5]

![在这里插入图片描述][20201031094959816.gif_pic_center]

[Link 1]: https://www.zhihu.com/zvideo/1330255867674456064
[Link 2]: https://www.ixigua.com/6914629558775841291/
[Link 3]: https://www.bilibili.com/video/BV1BU4y1x7ej/
[Link 4]: https://biglead.blog.csdn.net/article/details/93532582
[Link 5]: https://www.toutiao.com/c/user/token/MS4wLjABAAAAYMrKikomuQJ4d-cPaeBqtAK2cQY697Pv9xIyyDhtwIM/
[20201031094959816.gif_pic_center]: https://img-blog.csdnimg.cn/20201031094959816.gif#pic_center