第一百五十回 自定义组件综合实例：游戏摇杆一

我们在上一章回中介绍了自定义组件相关的内容，本章回中将综合使用这些内容 自定义游戏摇杆组件.闲话休提，让我们一起Talk Flutter吧。

概念介绍

我们介绍的游戏摇杆就是一个内层的小圆嵌套一个外层的大圆，大圆的位置不变，小圆只能在大圆所在的范围进行移动，它移动的角度是360度，因此在游戏中使用摇杆来控制物体或者人物的移动方向。如果大家不理解的话可以参考下面的程序运行效果图。本章回中将介绍如何通过自定义组件的知识实现这个摇杆。

实现方法

正所谓温故而知新，我们先回顾一下前面章回中介绍了自定义组件相关的知识，这个知识包含：组合使用多个组件、CustomPaint自定义组件、在自定义组件中响应手势事件这三方面的知识，这三方面的知识，我们在前面章回中刚刚介绍过，如果有看官忘记的话可以去看看。本章回中我们将综合使用这三方面的知识来实现一个综合示例：游戏摇杆。

我们先介绍一下实现摇杆的思路：使用两个大小不同的圆形叠加在一起，它们可以响应手势事件，让小圆跟着手势在大圆所在范围内移动，这样便实现了摇杆。

我们接着介绍一下该思路中用的相关知识：圆形可以自己画或者用已经有的组件，我建议自己画好一些，这样画出的圆形可操控性大。画两个大小不同的圆形，圆形的大小和颜色可以调整，可以通过C