我们在上一章回中介绍了如何实现 游戏摇杆相关的内容，本章回中将继续介绍这方面的知识.闲话休提，让我们一起Talk Flutter吧。

内容回顾

我们在上一章回中介绍了游戏摇杆的概念以及实现方法，并且通过示例代码演示了实现游戏摇杆的整个过程，同时也配有程序运行的效果图。不过这里面还有一个难点没有介绍：如何控制摇杆的移动范围。本章回中将介绍一种算法，通过这种算法来控制摇杆的移动范围。

实现方法

在介绍控制摇杆移动范围的算法前我们先看一下这个示意图，该图中包含有一些概念，我们需要借助这些概念来介绍算法，否则无法使用文字给大家解释清楚算法的内容。

图中最外层蓝色的虚线正方形边框就是自定义组件的大小，正方形的边长等于大圆的直径、小圆的半径和边距这三个长度的和。也就是图形中width所指示的长度。

正方形里面是大圆，使用浅蓝色表示，大圆的半径长度使用