南锋

南奔万里空,脱死锋镝余

cocoscreator制作圆形进度条

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

之前写了一篇cocos2dx-lua_ProgressTimer创建扇形进度条,这里简单记录下在cocosCreator中如何制作。

效果图:
效果图

具体方法

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

progress设置

设置SpriteFill TypeRADIAL,具体的参数如下图所示。
sprite

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

Bar设置

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

+