Cocos2d-X中的ProgressTimer

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了Cocos2d-X中的ProgressTimer，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。


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

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

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

首先在工程目录下的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));

    //设置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

首先在工程目录下的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,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的ID
	progress->setTag(100);

    //用于动画显示Progress进度
    //第一个参数：时间
    //第二个参数：进度
    CCProgressTo* progressTo = CCProgressTo::create(2,100);

    //执行进度
    progress->runAction(progressTo);

    return true;
}

执行结果：





猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签