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更方便一些。
