[cocos2d-x]CCProgressTimer进度条

简介:

下面我来介绍一下进度条的显示,在cocox2d-x中常用于能量圈的逐渐加满或者玩家血量的逐渐增加的一个效果。

操作步骤:

1.添加CCProgressTimer类

 CCProgressTimer *progressTimer = CCProgressTimer::create(CCSprite::create("Icon-72.png"));     progressTimer->setPosition(CCPointMake(screenSize.width / 2, screenSize.height/2 + 70));     //显示百分比     //progressTimer->setPercentage(0); //显示原形的百分比     this->addChild(progressTimer,5,200);

2.完善一个update的方法,然后调用系统的this->scheduleUpdate来逐针调用这个update方法

//参数是固定的是每隔一桢间隔的时间的意思,也就是update函数每针都会调用 void HelloWorld::update(float delta) {          //能量圈     CCProgressTimer * progressTimer = (CCProgressTimer *)this->getChildByTag(200);     progressTimer->setPercentage(progressTimer->getPercentage() + delta * 10);     if (progressTimer->getPercentage()== 100) {         progressTimer->setPercentage(0.f);     } }

效果图:



















本文转蓬莱仙羽51CTO博客,原文链接:http://blog.51cto.com/dingxiaowei/1366277,如需转载请自行联系原作者

相关文章
|
UED
cocos creator实现加载场景进度条
cocos creator实现加载场景进度条
578 1
cocos creator实现加载场景进度条
|
JavaScript
cocos creator实现自定义进度条
cocos creator实现自定义进度条
288 1
cocos creator实现自定义进度条
UGUI系列-实现进度条效果(Unity3D)
今天分享一个UGUI 图片实现进度条动画的方法,配合上资源异步加载,可以作为场景加载动画