Cocos Creator 圆形进度条：ProgressBar 与 Sprite RADIAL Fill

分类于 Cocos Creator

在 Cocos Creator 中使用 ProgressBar 和 Sprite 的 RADIAL Fill Type 创建圆形技能冷却进度条，配置 Fill Center、Range、Reverse 和 Bar 节点。

我们在开发过程中经常要用到圆形进度条，例如技能CD

之前写了一篇Cocos2d-x Lua实现扇形进度条：使用ProgressTimer创建技能CD,这里简单记录下在Cocos Creator中如何制作。

效果图：

创建圆形 ProgressBar

Cocos Creator做起来比2dx还是要简单很多，首先给节点添加progress组件

设置Sprite的Fill Type为RADIAL,具体的参数如下图所示。

注意，这里的Reverse是用来确定进度条的驱进方向，根据自己的需求选择是否勾选。

只需要设置这几个地方，就把圆形进度条给搞定啦~，赶紧来试试吧