Cocos Creator进度条渐变色实现:完整设置与注意事项 | 南锋

南锋

南奔万里空,脱死锋镝余

Cocos Creator进度条渐变色实现:完整设置与注意事项

进度条是我们在游戏开发中常用的一个组件,默认情况下,进度条节点的Sprite会根据不同的进度压缩图片,不是我们想要的效果。我们想要实现一个进度条的渐变色。

首先,要美术出一张渐变色的图片。然后去设置进度条的Sprite节点属性,将Sprite属性Type改为FILLED,同时将ProgressBar属性Mode也改为FILLED,同时需要将Total Length的值设置为1
如下图:
示意图
其次,将子节点BarSprite属性Type改为FILLED即可。
如下图:
示意图
注意:上面需要改属性的地方如果有一个地方没有,就会报错ProgressBar non-FILLED mode only works when barSprite's Type is non-FILLED!
如下图:
示意图

+