1、LoadingBar的实现示例：

先导入需要的库文件：

#include "ui/UILoadingBar.h"

using namespace ui;

bool LoadingBarTest::init()

{

Sprite* bg_sprite=Sprite::create("HpBar/sliderBg.png");

bg_sprite->cocos2d::Node::setPosition(Point(200,200));

this->addChild(bg_sprite);

LoadingBar* loadingBar=LoadingBar::create("HpBar/sliderValue.png");

loadingBar->setPosition(Point(200,200));

loadingBar->setTag(0);

this->addChild(loadingBar);

scheduleUpdate();

return true;

}

voidLoadingBarTest::update(float dt){

count++;

if (count>100) {

count=0;

}

LoadingBar* loadingBar=static_cast<LoadingBar*>(this->getChildByTag(0));

loadingBar->setPercent(count);

}

2、ProgressTimer的实现示例：

bool ProgressTimerTest::init()

{

Sprite* bg_sprite = Sprite::create("HpBar/sliderBg.png");//设置背景图

Sprite* hp_sprite = Sprite::create("HpBar/sliderValue.png");

ProgressTimer* progressTimer=ProgressTimer::create(hp_sprite);

bg_sprite->setPosition(200,200);

this->addChild(bg_sprite);

progressTimer->setPosition(200,200);

progressTimer->setTag(0);

//progressTimer->setPercentage(0);

progressTimer->setType(ProgressTimer::Type::BAR);

progressTimer->setMidpoint(Point(0,0.5));

progressTimer->setBarChangeRate(Point(1,0));

this->addChild(progressTimer,2);

return true;

}

void ProgressTimerTest::update(float dt){

count++;

if (count>100) {

count=0;

}

ProgressTimer* progressTimer=static_cast<ProgressTimer*>(this->getChildByTag(0));

progressTimer->setPercentage(count);

}

3、Slider的实现示例：

#include "extensions/GUI/CCControlExtension/CCControlSlider.h"

using namespace extension;

bool SliderTest::init()

{

ControlSlider* slider=ControlSlider::create("HpBar/sliderBg.png","HpBar/sliderValue.png",27)">"HpBar/sliderThumb.png"); //sliderThumb.png为空的图象文件

slider->setMinimumValue(0);

slider->setMaximumValue(100);

slider->setValue(0);

slider->setTag(0);

slider->setPosition(200,200);

this->addChild(slider);

scheduleUpdate();

return true;

}

voidSliderTest::update(float dt){

count++;

if (count>100) {

count=0;

}

ControlSlider* slider =static_cast<ControlSlider*>(this->getChildByTag(0));

slider->setValue(count);

}

以上三种控件都可实现相同的血量条效果，个人认为slider更方便一些。