好了,我们来看看进度条如何来实现,cocos2dx里已经有现成的这个类,叫CCProgressTimer。好了,废话少说,我们直接上代码,看如何来这个类。
//创建一个进度条精灵,这个是2.0以后api变了 CCSprite *progressbgSprite=CCSprite::create("time_slot-hd.png"); progressbgSprite->setPosition(ccp(300,300)); this->addChild(progressbgSprite,1); CCSprite *progressSprite=CCSprite::create("time_bars-hd.png"); progress1=CCProgressTimer::create(progressSprite); progress1->setType(kCCProgressTimerTypeBar); progress1->setPosition(ccp(300,300)); //进度动画运动方向,可以多试几个值,看看效果 progress1->setMidpoint(ccp(0,0)); //进度条宽高变化 progress1->setBarChangeRate(ccp(1,0)); progress1->setPercentage(0); this->addChild(progress1,1); numsTTF=CCLabelTTF::create("0","Thonburi",18); numsTTF->setPosition(ccp(300,300)); this->addChild(numsTTF,1); this->scheduleUpdate();
void HelloWorld::update(float t)
{
float cu=progress1->getPercentage();
cu=cu+0.1f;
progress1->setPercentage(cu);
CCString *str = CCString::createWithFormat("%.2f%%",cu);
numsTTF->setString(str->getCString());
}
0K。。我们来改变下,设置progress1->setPercentage(100);然后刷新方法里cu=cu-0.1f;
OK,我们换个进度条类型看看,
CCSprite *progress2Sprite=CCSprite::create("Icon-72.png");
progress2=CCProgressTimer::create(progress2Sprite);
//类型为圆形
progress2->setType(kCCProgressTimerTypeRadial);
progress2->setPosition(ccp(300,100));
this->addChild(progress2,1);
我们看下效果:(下面的小图就是)
上文来自:http://blog.csdn.net/kuloveyouwei/article/details/9062687
今天我们来学习cocos2dX为我们提供的一个很实用的控件,CCProgress进度条,我们先来看看有哪些常用的函数
用法:
CCProgressTimer::create( 精灵对象);
setType( 进度条样式); //设置进度条样式,提供两种可选参数,kCCProgressTimerTypeBar( 条形计时器)和kCCProgressTimerTypeRadial( 扇形计时器)
setPercentage( float); //设置当前值,在0-100之间,一般情况下,我们默认设置为0
getPercentage(); //获取当前值
setReverseProgress( bool); //是否打开反向
setBarChangeRate( CCPoint对象); //定义起始时的样式,也有人说是设置锚点,一般我习惯设置为ccp( 1,0),然后setMidpoint()设置为ccp( 0,1),这样刚好是普通的进度条样式
setMidpoint( CCPoint对象); //计时器显示方向,默认的是0.5,0.5,从中间开始
老规矩,资源准备好:
首先,我们来创建一个进度条和一个标签:
<喎�"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHByZSBjbGFzcz0="brush:java;">//创建字体标签 CCLabelTTF* ttf = CCLabelTTF::create( "loading...%0","Arial",24); ttf->setPosition( ccp( visibleSize.width / 2,visibleSize.height / 2 + 140)); addChild( ttf,101); //创建进度条背景,可以不用 CCSprite* parBg = CCSprite::create( "bg.png"); parBg->setPosition( ccp( visibleSize.width / 2,visibleSize.height / 2)); addChild( parBg); //创建进度条 CCProgressTimer* myTimer = CCProgressTimer::create( CCSprite::create( "t.png")); myTimer->setPosition( ccp( visibleSize.width / 2,visibleSize.height / 2)); myTimer->setType(kCCProgressTimerTypeBar); //设置为条形进度条 myTimer->setBarChangeRate( ccp( 1,0)); myTimer->setMidpoint( ccp( 0,1)); myTimer->setPercentage(0); //设置当前值 addChild( myTimer,102);
然后我们创建一个更新函数( 大家应该还记得吧),用来断的操作进度条和标签,然后再创建一个函数,用来操作进度完成之后的行为: