这门课解决什么问题

很多做客户端开发的同行,在用 Flutter 时往往停留在拼装现成组件的阶段。一旦产品提出需要自定义交互逻辑,比如带物理回弹的拖拽、多指缩放、N 连击判定,或者复杂的嵌套滑动冲突,直接用现成的组件往往搞不定,去翻几行源码又容易被手势竞技场劝退。这门课正是针对这类自定义交互需求,带你看透 Flutter 手势体系的底层运转机制,从事件源头到竞技场分发,把交互逻辑彻底吃透。

适合什么基础与资料怎么配合练习

这套资料不适合刚学完基础语法的纯新手,它默认你已经能独立写页面布局,对 Widget 树和 RenderObject 有基本概念,但对底层事件分发还不清楚。建议按顺序先看事件源头与基础手势识别类,建立事件流的整体认知;接着跟着绘制实践拖拽、点击和缩放手势的案例,把理论映射到具体场景;最后再啃竞技场和各类手势识别器的源码。资料里的白板、图章、弹簧等实践案例,务必自己在本地编辑器里跟着敲一遍,通过打断点观察手势竞技场的胜出逻辑,只看不动手很容易看完就忘。

学完能独立做什么

走完这套流程后,你不再需要死记硬背组件属性,而是能根据业务需求,自定义实现复杂的手势事件,比如多指协同操作、连击反馈等。面对滑动冲突,你能快速定位是哪个识别器抢占了事件,并给出改写识别优先级的方案。同时,在阅读开源交互库源码时,你能直接看懂其手势处理逻辑,甚至能自己封装一套业务专属的手势组件。总之,这门课帮你把交互开发的主动权拿回自己手里。


Flutter 手势探索,用你的手指,掌控着整个屏幕世界 ~

课程目录

*   手势探索开篇前言

*   认识 GestureDetector 各种默认手势

*   从弹簧绘制实现竖直拖拽手势

*   从图章绘制实践 tap 手势操作

*   从白板绘制实践 pan 手势操作

*   从矩阵变换实践 scale 手势操作

*   探索 GestureDetector 组件源码

*   探索 RawGestureDetector 组件源码

*   知识储备: 认识 GestureRecognizer 相关类

*   知识储备: 认识手势竞技相关类

*   探索单击手势 TapGestureRecognizer 源码

*   探索双击手势 DoubleTapGestureRecognizer 源码

*   漫画手势: 来场竞技吧

*   自定义实现 N 连击手势事件

*   从 Listener 组件探索事件的源头