cocos2d-x - CCProgressTimer详解

闲着想要实现一个功能。一个填充爱心的效果。

效果如下：

一个爱心填满动作。

为实现这个功能，学习了下CCProgressTimer , 顺便做个记录。

首先介绍几个相关链接:

dota道具冷却效果:http://blog.csdn.net/cen616899547/article/details/9084561

技能冷却效果:http://blog.csdn.net/z104207/article/details/8059098

CCProgressTimer相关讲解:http://blog.sina.com.cn/s/blog_73df887801019gnb.html

cocos2d-x学习笔记（3） CCProgressTimer倒计时条小记    http://my.eoe.cn/baimu/archive/3315.html
进度条准备工作解析CCProgressTimer类     http://www.zaojiahua.com/ccprogresstimer.html

好了。 进入正题。

CCProgressTimer是Cocos2d-x中用于显示进度的派生类。一般可用与加载进度条,道具冷却等效果。

具体也没其他内容,下面就通过上面的爱心填充源码讲解。

附带图片资源: (heart_A.png)(heart_B.png)

//创建二个精灵，一个白色边框,一个逐渐增加的红心
    CCSprite *psSprite1 = CCSprite::create("heart_A.png");
    CCSprite *psSprite2 = CCSprite::create("heart_B.png");
    //加载动作,设置5秒加载到100%
    CCProgressTo *progressTo = CCProgressTo::create(5, 100);
    
    CCProgressTimer *heart_ = CCProgressTimer::create(psSprite2);
    //设置类型
    heart_->setType(kCCProgressTimerTypeBar);
    
    //起始点. 从哪个方向开始变化
    heart_->setMidpoint(ccp(0, 0));
    
    //ccp(1, 0) 水平方向 ccp(0, 1)垂直方向
    heart_->setBarChangeRate(ccp(0, 1));
    
    psSprite1->setPosition(ccp(size.width/2, 500));
    addChild(psSprite1);
    
    heart_->setPosition(ccp(size.width/2, 500));
    addChild(heart_);
    
    heart_->runAction(CCRepeatForever::create(progressTo));

具体的操作在代码中的给出了。很简单。

另外,需要注意一下。

在2.0中CCProgressTimer的type比1.0中少了很多，1.0中有：

kCCProgressTimerTypeRadialCW 顺时针生成
kCCProgressTimerTypeRadialCCW 逆时针生成
kCCProgressTimerTypeHorizontalBarLR 从左到右生成
kCCProgressTimerTypeHorizontalBarRL 从右到左生成
kCCProgressTimerTypeVerticalBarBT 从下到上生成
kCCProgressTimerTypeVerticalBarTB 从上到下生成

而2.0中只保留了2个常用的。

typedef enum {
 /// Radial Counter-Clockwise
 kCCProgressTimerTypeRadial,
 /// Bar
 kCCProgressTimerTypeBar,
} CCProgressTimerType;

不过,如果要实现一些效果，比如从下到上加载。如我给出的例子程序一样。只要设置好对应的setMidpoint, setBarChangeRate即可。

//起始点. 从哪个方向开始变化
heart_->setMidpoint(ccp(0, 0));

//ccp(1, 0) 水平方向 ccp(0, 1)垂直方向
heart_->setBarChangeRate(ccp(0, 1));

学习的路上,与君共勉。