[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);
    }
}

效果图:

[cocos2d-x]CCProgressTimer进度条_第1张图片[cocos2d-x]CCProgressTimer进度条_第2张图片

你可能感兴趣的:([cocos2d-x]CCProgressTimer进度条)