Cocos2d-x CCProgressTimer

CCProgressTimer，创建使用这个节点可以大致实现两个作用的效果：

其一：在游戏中几乎大部分的游戏启动界面都是游戏加载画面，那么用到的一般是进度条提示加载进度，其使用的就是CCProgressTimer。

其二：在游戏中需要对精灵的出现等动作制作一些渐显的效果。

（1）类型一般就是两种：

 typedef@H_404_21@enum@H_404_21@{
 ///RadialCounter-Clockwise@H_404_21@
kCCProgressTimerTypeRadial,
///Bar@H_404_21@
kCCProgressTimerTypeBar,0); background-color:inherit">}CCProgressTimerType;

（2）类型1：radial（环形）

@H_404_21@CCSizewSize=CCDirector::sharedDirector()->getWinSize();

progressTimer=CCProgressTimer::create(CCSprite::create("progress.gif"@H_404_21@));

progressTimer->setType(kCCProgressTimerTypeRadial);

//默认的情况下，环形渐变的方向是：顺时针@H_404_21@

//改变其渐变的方向MakestheridialCCW(逆时针)@H_404_21@

progressTimer->setReverseProgress(true@H_404_21@);

progressTimer->setPosition(wSize.width/2,wSize.height/2);

this@H_404_21@->addChild(progressTimer);

（3）类型2：bar （条形：包括vertical 和 horizontal）

渐变的方向问题：

vertical竖直方法包括从上到下和从下到上；

horizontal水平方向包括从左到右和从右到左。

这里涉及到两个设置参数：

首先是setMidpoint设置起点

/**

*Midpointisusedtomodifytheprogressstartposition.

*Ifyou'reusingradialstypethenthemidpointchangesthecenterpoint

*Ifyou'reusingbartypethethemidpointchangesthebargrowth

*itexpandsfromthecenterbutclampstothespritesedgeso:

*youwantalefttorightthensetthemidpointallthewaytoccp(0,y)

*youwantarighttoleftthensetthemidpointallthewaytoccp(1,y)

*youwantabottomtotopthensetthemidpointallthewaytoccp(x,0)

*youwantatoptobottomthensetthemidpointallthewaytoccp(x,1)

*/@H_404_21@

其次是setBarChangeRate设置变化rate

*Thisallowsthebartypetomovethecomponentataspecificrate

*Setthecomponentto0tomakesureitstaysat100%.

*Forexampleyouwantalefttorightbarbutnothavetheheightstay100%

*Settheratetobeccp(0,1);andsetthemidpointto=ccp(0,.5f);

*/@H_404_21@

如果不用变化的方向，则设置该方向为0，否则设置为1。

progressTimer->setType(kCCProgressTimerTypeBar);

//从左到右@H_404_21@

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

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

//从右到左@H_404_21@

//progressTimer->setMidpoint(ccp(1,0.5));@H_404_21@

//progressTimer->setBarChangeRate(ccp(1,0));@H_404_21@

//从上到下@H_404_21@

//progressTimer->setMidpoint(ccp(0.5,1));@H_404_21@

//progressTimer->setBarChangeRate(ccp(0,1));@H_404_21@

//从下到上@H_404_21@

404_21@

this@H_404_21@->addChild(progressTimer);

(4) 执行变化

①、如果是要实现精灵渐变的显示效果：

创建CCProgressTo或者是CCProgressFromTo动作，让CCProgressTimer执行。
CCProgressTo和CCProgressFromTo的区别是：

前者：Progress to percentage（初始化有两个参数）(floatduration,floatfPercent)

后者：Progress from a percentage to another percentage（初始化有三个参数）(floatduration,floatfFromPercentage,floatfToPercentage)

@H_404_21@CCProgressTo*progressTo=CCProgressTo::create(2.0,100);

//等价于：@H_404_21@

//CCProgressFromTo*progressFromTo=CCProgressFromTo::create(2.0,100);@H_404_21@

progressTimer->runAction(CCRepeatForever::create(progressTo));

②、如果是要实现加载进度条的效果：

需要重载update方法，在这个方法中实现进度条percentage的变化。

this@H_404_21@->scheduleUpdate();

void@H_404_21@HelloWorld::update(float@H_404_21@dt)

{

float@H_404_21@percentage=progressTimer->getPercentage();

if@H_404_21@(percentage<100){

percentage+=1;

progressTimer->setPercentage(percentage);

}

}

关于CCProgressTimer的更加详细的使用 demo可以参看引擎中sample中的ActionProgressTest。