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

文章目录

  • 内容回顾
  • 实现方法
  • 位置细节
  • 示例代码

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

内容回顾

我们在上一章回中介绍了游戏摇杆的概念以及实现方法,并且通过示例代码演示了实现游戏摇杆的整个过程,同时也配有程序运行的效果图。不过这里面还有一个难点没有介绍:如何控制摇杆的移动范围。本章回中将介绍一种算法,通过这种算法来控制摇杆的移动范围。
第一百五十一回 自定义组件综合实例:游戏摇杆二_第1张图片

实现方法

在介绍控制摇杆移动范围的算法前我们先看一下这个示意图,该图中包含有一些概念,我们需要借助这些概念来介绍算法,否则无法使用文字给大家解释清楚算法的内容。
第一百五十一回 自定义组件综合实例:游戏摇杆二_第2张图片

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

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

你可能感兴趣的:(talk8的私房菜,游戏,移动开发,Flutter实现游戏摇杆,Flutter自定义组件)