文章目录
- 内容回顾
- 实现方法
- 位置细节
- 示例代码
我们在上一章回中介绍了如何实现 游戏摇杆相关的内容,本章回中将继续介绍这方面的知识.闲话休提,让我们一起Talk Flutter吧。
内容回顾
我们在上一章回中介绍了游戏摇杆的概念以及实现方法,并且通过示例代码演示了实现游戏摇杆的整个过程,同时也配有程序运行的效果图。不过这里面还有一个难点没有介绍:如何控制摇杆的移动范围。本章回中将介绍一种算法,通过这种算法来控制摇杆的移动范围。
实现方法
在介绍控制摇杆移动范围的算法前我们先看一下这个示意图,该图中包含有一些概念,我们需要借助这些概念来介绍算法,否则无法使用文字给大家解释清楚算法的内容。
图中最外层蓝色的虚线正方形边框就是自定义组件的大小,正方形的边长等于大圆的直径、小圆的半径和边距这三个长度的和。也就是图形中width
所指示的长度。
正方形里面是大圆,使用浅蓝色表示,大圆的半径长度使用