Cocos2d-X中的ProgressTimer

ProgressTimer即进度条，进度条在游戏开发中运用很广泛，比如在一些格斗游戏中，显示血液的变化，还有游戏载入进度，等都离不开进度条

Cocos2d-X中使用CCProgressTimer创建进度条

先从一个简单的样例使用ProgressTimer屏蔽部分精灵

首先在project文件夹下的Resource文件夹中放一张图片

然后创建一个ProgressTimer类

在ProgressTimer.h中加入以下的代码

#ifndef __ProgressTimer_H__

#define __ProgressTimer_H__

#include "cocos2d.h"

USING_NS_CC;

class ProgressTimer : public CCLayer

{

public:

    virtual bool init();  

    static CCScene* scene();

    CREATE_FUNC(ProgressTimer);

   void scheduleFunc(float dt);

};

#endif // __ProgressTimer_H__

在ProgressTimer.cpp中加入以下的代码

#include "ProgressTimer.h"

CCScene* ProgressTimer::scene()

{

    CCScene *scene = CCScene::create();

    ProgressTimer *layer = ProgressTimer::create();

    scene->addChild(layer);

    return scene;

}

bool ProgressTimer::init()

{

    //初始化父类

    CCLayer::init();

    //得到窗体的大小

    CCSize winSize = CCDirector::sharedDirector()->getWinSize();

    //设置坐标

    CCPoint center = ccp(winSize.width / 2, winSize.height / 2);

    //创建精灵

    CCSprite* sprite = CCSprite::create("labelatlasimg.png");

    //用精灵创建进度条

    CCProgressTimer* progress = CCProgressTimer::create(sprite);

    addChild(progress);

    //设置进度条的位置

    progress->setPosition(center);

    //设置百分比(显示运行进度条的50%)

    progress->setPercentage(50);

    return true;

}

运行结果：

实例2：显示前半部分

#include "ProgressTimer.h"

CCScene* ProgressTimer::scene()

{

    CCScene *scene = CCScene::create();

    ProgressTimer *layer = ProgressTimer::create();

    scene->addChild(layer);

    return scene;

}

bool ProgressTimer::init()

{

    //初始化父类

    CCLayer::init();

    //得到窗体的大小

    CCSize winSize = CCDirector::sharedDirector()->getWinSize();

    //设置坐标

    CCPoint center = ccp(winSize.width / 2, winSize.height / 2);

    //创建精灵

    CCSprite* sprite = CCSprite::create("labelatlasimg.png");

    //用精灵创建进度条

    CCProgressTimer* progress = CCProgressTimer::create(sprite);

    addChild(progress);

    //设置进度条的位置

    progress->setPosition(center);

    //设置进度条的模式

    //kCCProgressTimerTypeBar表示条形模式

    //默认的模式是kCCProgressTimerTypeRadial(圆圈模式)

    progress->setType(kCCProgressTimerTypeBar);

    //设置进度条变化的方向

    //setMidpoint默认在左边

    //ccp(1,0)表示在X轴方向上有变化,在y轴方向上没变化

      //ccp(0,1)表示在X轴方向上没有变化,在y轴方向上有变化

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

    //从哪个方向開始变化

    //ccp(0,0)表示从左边開始变化

    progress->setMidpoint(ccp(0,0));

   //设置百分比(显示运行进度条的50%)

    progress->setPercentage(50);

    return true;

}

运行结果：

ProgressTimer实现旋转效果的进度条

程序代码：

#include "ProgressTimer.h"

CCScene* ProgressTimer::scene()

{

    CCScene *scene = CCScene::create();

    ProgressTimer *layer = ProgressTimer::create();

    scene->addChild(layer);

    return scene;

}

bool ProgressTimer::init()

{

    //初始化父类

    CCLayer::init();

    //得到窗体的大小

    CCSize winSize = CCDirector::sharedDirector()->getWinSize();

    //设置坐标

    CCPoint center = ccp(winSize.width / 2, winSize.height / 2);

    //创建精灵

    CCSprite* sprite = CCSprite::create("labelatlasimg.png");

    //用精灵创建进度条

    CCProgressTimer* progress = CCProgressTimer::create(sprite);

    addChild(progress);

    //设置进度条的位置

    progress->setPosition(center);

    //设置progress的ID为100

    progress->setTag(100);

    //定义一个定时器

    schedule(schedule_selector(ProgressTimer::scheduleFunc), 0.5f);

    return true;

}

void ProgressTimer::scheduleFunc(float dt)

{

    //通过进度条的ID得到进度条

    CCProgressTimer* progress = (CCProgressTimer*)getChildByTag(100);

    progress->setPercentage(progress->getPercentage() + 1);

    if (progress->getPercentage() >= 100)

	{

		unscheduleAllSelectors();

	}

}

运行结果：

ProgressTimer实现进度条2

程序代码：

#include "ProgressTimer.h"

CCScene* ProgressTimer::scene()

{

    CCScene *scene = CCScene::create();

    ProgressTimer *layer = ProgressTimer::create();

    scene->addChild(layer);

    return scene;

}

bool ProgressTimer::init()

{

    //初始化父类

    CCLayer::init();

    //得到窗体的大小

    CCSize winSize = CCDirector::sharedDirector()->getWinSize();

    //设置坐标

    CCPoint center = ccp(winSize.width / 2, winSize.height / 2);

    //创建精灵

    CCSprite* sprite = CCSprite::create("labelatlasimg.png");

    //用精灵创建进度条

    CCProgressTimer* progress = CCProgressTimer::create(sprite);

    addChild(progress);

    //设置进度条的位置

    progress->setPosition(center);

    //设置进度条的模式

    //kCCProgressTimerTypeBar表示条形模式

    progress->setType(kCCProgressTimerTypeBar);

    //设置进度条变化的方向

    //setMidpoint默认在左边

    //ccp(1,0)表示向右变化

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

    //从哪个方向開始变化

    //ccp(0,0)表示从左边開始变化

    progress->setMidpoint(ccp(0,0));

    //设置progress的ID为100

    progress->setTag(100);

    //定义一个定时器

    schedule(schedule_selector(ProgressTimer::scheduleFunc), 0.1f);

    return true;

}

void ProgressTimer::scheduleFunc(float dt)

{

    //通过进度条的ID得到进度条

    CCProgressTimer* progress = (CCProgressTimer*)getChildByTag(100);

    progress->setPercentage(progress->getPercentage() + 1);

    if (progress->getPercentage() >= 100)

	{

		unscheduleAllSelectors();

	}

}

运行结果：

ProgressTimer实现进度条3

首先在project文件夹下的Resource文件夹中加入两张进度条图片

程序代码：

#include "ProgressTimer.h"

CCScene* ProgressTimer::scene()

{

    CCScene *scene = CCScene::create();

    ProgressTimer *layer = ProgressTimer::create();

    scene->addChild(layer);

    return scene;

}

bool ProgressTimer::init()

{

    //初始化父类

    CCLayer::init();

    //得到窗体的大小

    CCSize winSize = CCDirector::sharedDirector()->getWinSize();

    //设置坐标

    CCPoint center = ccp(winSize.width / 2, winSize.height / 2);

    //创建精灵

    CCSprite* bg = CCSprite::create("sliderTrack.png");

	CCSprite* sprite = CCSprite::create("sliderProgress.png");

    //设置精灵的位置

    bg->setPosition(center);

    //加入精灵

    addChild(bg);

    //用精灵创建进度条

	CCProgressTimer* progress = CCProgressTimer::create(sprite);

    //设置进度条的位置

    progress->setPosition(center);

    //加入进度条

	addChild(progress);

    //设置进度条的模式为条形模式

	progress->setType(kCCProgressTimerTypeBar);

    //向右变化

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

    //从左边開始变化

	progress->setMidpoint(ccp(0, 0));

	// 设置progress的tag

	progress->setTag(100);

	// 添加一个定时器

	schedule(schedule_selector(ProgressTimer::scheduleFunc), 0.1f);

    return true;

}

void ProgressTimer::scheduleFunc(float dt)

{

    //通过进度条的ID得到进度条

    CCProgressTimer* progress = (CCProgressTimer*)getChildByTag(100);

    //设置progress的进度，每调用一次进度加一

    progress->setPercentage(progress->getPercentage() + 1);

    //当进度大于或者等于100时

    if (progress->getPercentage() >= 100)

	{

        //终止定时器

		unscheduleAllSelectors();

	}

}

运行结果：

ProgressTimer实现进度条4

程序代码

#include "ProgressTimer.h"

CCScene* ProgressTimer::scene()

{

    CCScene *scene = CCScene::create();

    ProgressTimer *layer = ProgressTimer::create();

    scene->addChild(layer);

    return scene;

}

bool ProgressTimer::init()

{

    //初始化父类

    CCLayer::init();

    //得到窗体的大小

    CCSize winSize = CCDirector::sharedDirector()->getWinSize();

    //设置坐标

    CCPoint center = ccp(winSize.width / 2, winSize.height / 2);

    //创建精灵

    CCSprite* bg = CCSprite::create("sliderTrack.png");

	CCSprite* sprite = CCSprite::create("sliderProgress.png");

    //设置精灵的位置

    bg->setPosition(center);

    //加入精灵

    addChild(bg);

    //用精灵创建进度条

	CCProgressTimer* progress = CCProgressTimer::create(sprite);

    //设置进度条的位置

    progress->setPosition(center);

    //加入进度条

	addChild(progress);

    //设置进度条的模式为条形模式

	progress->setType(kCCProgressTimerTypeBar);

    //向右变化

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

	// 设置progress的tag

	progress->setTag(100);

	// 添加一个定时器

	schedule(schedule_selector(ProgressTimer::scheduleFunc), 0.1f);

    return true;

}

void ProgressTimer::scheduleFunc(float dt)

{

    //通过进度条的ID得到进度条

    CCProgressTimer* progress = (CCProgressTimer*)getChildByTag(100);

    //设置progress的进度，每调用一次进度加一

    progress->setPercentage(progress->getPercentage() + 1);

    //当进度大于或者等于100时

    if (progress->getPercentage() >= 100)

	{

        //终止定时器

		unscheduleAllSelectors();

	}

}

运行结果：

ProgressTimer实现进度条5

程序代码

#include "ProgressTimer.h"

CCScene* ProgressTimer::scene()

{

    CCScene *scene = CCScene::create();

    ProgressTimer *layer = ProgressTimer::create();

    scene->addChild(layer);

    return scene;

}

bool ProgressTimer::init()

{

    //初始化父类

    CCLayer::init();

    //得到窗体的大小

    CCSize winSize = CCDirector::sharedDirector()->getWinSize();

    //设置坐标

    CCPoint center = ccp(winSize.width / 2, winSize.height / 2);

    //创建精灵

    CCSprite* bg = CCSprite::create("sliderTrack.png");

	CCSprite* sprite = CCSprite::create("sliderProgress.png");

    //设置精灵的位置

    bg->setPosition(center);

    //加入精灵

    addChild(bg);

    //精灵旋转90度

    bg->setRotation(90);

    //用精灵创建进度条

	CCProgressTimer* progress = CCProgressTimer::create(sprite);

    //设置进度条的位置

    progress->setPosition(center);

    //加入进度条

	addChild(progress);

    //进度条旋转90度

    progress->setRotation(90);

    //设置进度条的模式为条形模式

	progress->setType(kCCProgressTimerTypeBar);

    //向右变化

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

    //从左边開始变化

	progress->setMidpoint(ccp(1, 0));

	// 设置progress的ID

	progress->setTag(100);

	// 添加一个定时器

	schedule(schedule_selector(ProgressTimer::scheduleFunc), 0.1f);

    return true;

}

void ProgressTimer::scheduleFunc(float dt)

{

    //通过进度条的ID得到进度条

    CCProgressTimer* progress = (CCProgressTimer*)getChildByTag(100);

    //设置progress的进度，每调用一次进度加一

    progress->setPercentage(progress->getPercentage() + 1);

    //当进度大于或者等于100时

    if (progress->getPercentage() >= 100)

	{

        //终止定时器

		unscheduleAllSelectors();

	}

}

运行结果：

ProgressTo实现进度条1

程序代码

#include "ProgressTimer.h"

CCScene* ProgressTimer::scene()

{

    CCScene *scene = CCScene::create();

    ProgressTimer *layer = ProgressTimer::create();

    scene->addChild(layer);

    return scene;

}

bool ProgressTimer::init()

{

    CCLayer::init();

    CCSize winSize = CCDirector::sharedDirector()->getWinSize();

    CCPoint center = ccp(winSize.width / 2, winSize.height / 2);

    CCSprite* bg = CCSprite::create("sliderTrack.png");

	CCSprite* sprite = CCSprite::create("sliderProgress.png");

    bg->setPosition(center);

    addChild(bg);

    //精灵旋转90度

    bg->setRotation(90);

    //用精灵创建进度条

	CCProgressTimer* progress = CCProgressTimer::create(sprite);

    //设置进度条的位置

    progress->setPosition(center);

    //加入进度条

	addChild(progress);

    //进度条旋转90度

    progress->setRotation(90);

    //设置进度条的模式为条形模式

	progress->setType(kCCProgressTimerTypeBar);

    //向右变化

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

    //从左边開始变化

	progress->setMidpoint(ccp(1, 0));

	// 设置progress的ID

	progress->setTag(100);

    //用于动画显示Progress进度

    //第一个參数：时间

    //第二个參数：进度

    CCProgressTo* progressTo = CCProgressTo::create(2,100);

    //运行进度

    progress->runAction(progressTo);

    return true;

}

运行结果：

Cocos2d-X中的ProgressTimer的更多相关文章

如何在cocos2d项目中enable ARC
如何在cocos2d项目中enable ARC 基本思想就是不支持ARC的代码用和支持ARC的分开,通过xcode中设置编译选项,让支持和不支持ARC的代码共存. cocos2d是ios app开发中 ...
如何在Cocos2D游戏中实现A*寻路算法(六)
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...
如何在Cocos2D游戏中实现A*寻路算法(一)
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...
如何在Cocos2D游戏中实现A*寻路算法(八)
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...
如何在Cocos2D游戏中实现A*寻路算法(七)
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...
如何在Cocos2D游戏中实现A*寻路算法(五)
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...
如何在Cocos2D游戏中实现A*寻路算法(四)
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...
如何在Cocos2D游戏中实现A*寻路算法(三)
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...
如何在Cocos2D游戏中实现A*寻路算法(二)
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...

随机推荐

day21-4 菱形继承问题(类的查找顺序)
目录菱形继承问题经典类(了解) 新式类 mro方法菱形继承问题在Python中子类可以同时继承多个父类,如A(B,C,D) 如果继承关系为非菱形结构,则会按照先找B这一条分支,然后再找C这条分 ...
6-Java-C（移动距离）
题目描述: X星球居民小区的楼房全是一样的,并且按矩阵样式排列.其楼房的编号为1,2,3... 当排满一行时,从下一行相邻的楼往反方向排号. 比如:当小区排号宽度为6时,开始情形如下: 1 2 3 ...
CAD参数绘制直径标注（网页版）
主要用到函数说明: _DMxDrawX::DrawDimDiametric 绘制一个直径标注.详细说明如下: 参数说明 DOUBLE dChordPointX 在被标注的曲线上的第一个点X值 DOU ...
php 阿里云短信验证码
阿里云短信服务:https://dysms.console.aliyun.com 1.准备 1.1.创建签名.模板 1.2.创建.使用阿里云秘钥地址:https://usercenter.conso ...
VC++检测硬件设备状态
首先捕捉WM_DEVICECHANGE消息,该消息在usb插拔时均有触发. MFC下添加消息处理函数afx_msg BOOL OnDeviceChange( UINT nEventType, DWO ...
java “==”和“equals”
菜呀,只能记笔记了 ==:如果是基本数据类型,比较值,如果是引用类型,比较地址 equals:比较值
第3节 mapreduce高级：12、mapreduce相关的参数调整
5.1 多job串联一个稍复杂点的处理逻辑往往需要多个mapreduce程序串联处理,多job的串联可以借助mapreduce框架的JobControl实现示例代码: ControlledJob ...
Syslinux编译环境配置简要步骤
由于毕业设计要做一个加密U盘的LINUX,需要修改一sysylinux引导程序,在网上很少有关于syslinux编译环境配置的文章,在此简要总结一下,发出来共享. 需要的软件: 1. vmware ...
HYSBZ - 3750 Pieczęć（模拟）
题目: 一张n*m的方格纸,有些格子需要印成黑色,剩下的格子需要保留白色. 你有一个a*b的印章,有些格子是凸起(会沾上墨水)的.你需要判断能否用这个印章印出纸上的图案.印的过程中需要满足以下要求: ...
django-2 models
一个model 对应DB的一张表 models 以类的形式表现: 一些字段.数据的一些行为对类.类的对象操作,无需写SQL = > object relation mapping ORM ...

Cocos2d-X中的ProgressTimer

Cocos2d-X中的ProgressTimer的更多相关文章

随机推荐

热门专题