cocosCreator实现进度条渐变色

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

首先,要美术出一张渐变色的图片。然后去设置进度条的Sprite节点属性,将Sprite属性Type改为FILLED,同时将ProgressBar属性Type也该为FILLED,同时需要将Total Length的值设置为1
如下图:

其次,将子节点BarSprite属性Type改为FILLED即可。
如下图:

注意:上面需要改属性的地方如果有一个地方没有,就会报错ProgressBar non-FILLED mode only works when barSprite's Type is non-FILLED!
如下图: