我们在上一章回中介绍了自定义组件相关的内容,本章回中将综合使用这些内容 自定义游戏摇杆组件.闲话休提,让我们一起Talk Flutter吧。
概念介绍
我们介绍的游戏摇杆就是一个内层的小圆嵌套一个外层的大圆,大圆的位置不变,小圆只能在大圆所在的范围进行移动,它移动的角度是360度,因此在游戏中使用摇杆来控制物体或者人物的移动方向。如果大家不理解的话可以参考下面的程序运行效果图。本章回中将介绍如何通过自定义组件的知识实现这个摇杆。
实现方法
正所谓温故而知新,我们先回顾一下前面章回中介绍了自定义组件相关的知识,这个知识包含:组合使用多个组件、CustomPaint自定义组件、在自定义组件中响应手势事件这三方面的知识,这三方面的知识,我们在前面章回中刚刚介绍过,如果有看官忘记的话可以去看看。本章回中我们将综合使用这三方面的知识来实现一个综合示例:游戏摇杆。
我们先介绍一下实现摇杆的思路:使用两个大小不同的圆形叠加在一起,它们可以响应手势事件,让小圆跟着手势在大圆所在范围内移动,这样便实现了摇杆。
我们接着介绍一下该思路中用的相关知识:圆形可以自己画或者用已经有的组件,我建议自己画好一些,这样画出的圆形可操控性大。画两个大小不同的圆形,圆形的大小和颜色可以调整,可以通过C