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;
}

运行结果：

时间： 2024-07-29 09:14:18

Cocos2d-X中的ProgressTimer的相关文章

如何在Cocos2D游戏中实现A*寻路算法(一)

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流之用,请勿进行商业用途.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作! 该篇博客由iOS课程团队的Johann Fradj发布,他现在是一个全职开发iOS的开发者.他是Hot Apps Factory(其是App Cooker的创造者)的共同创建

如何在Cocos2D游戏中实现A*寻路算法(三)

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流之用,请勿进行商业用途.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作! 创建开放和闭合列表接下来我们将使用2个NSMutableArray来跟踪保存我们的开放和闭合列表. 你可能奇怪为什么不用NSMutableSet代替.好吧,这里有2个原因:

如何在Cocos2D游戏中实现A*寻路算法(五)

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流之用,请勿进行商业用途.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作! 跟随着黄色砖块前进现在我们已经找到了我们的路径,我们只需要让猫咪跟随它. 我们接下来要做的是记住整个路径,并且使得猫咪根据路径一步一步的移动. 在CatSprite.h中建

如何在Cocos2D游戏中实现A*寻路算法(八)

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流之用,请勿进行商业用途.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作! 就拿上图中左上角的情况举个栗子. 这只猫咪想要从原点(O)到左下角的对角线方块中去.如果在左边或底下(或全部都有)有墙壁并且测试穿过对角线将会切入一个墙角(或2个).所以左下

cocos2d JS 中的数组拼接与排序

1 var arrA = [];//创建三个局部变量的新数组 2 var arrB = []; 3 var arrC = []; 4 var newCards = this.MyMahjong;//创建一个新的局部变量等于一个全局变量的数组:并把里面的内容依次拆开再全部拼接 5 for(var t=0;t<newCards.length;t++){ 6 var char = newCards[t].charAt(0); 7 if(char == "a"){ 8 arrA.push

关于 Android ios cocos2d 中的广播监听

1. 关于广播监听第一次使用是在Android中,broadcast.主要用在2个activity之间进行传递数据,发出一个广播,对这个广播有兴趣的就去监听它,做出相应的回应即可.主要是传递数据,触发机制比较好,跟全局变量或者单例有点像,但是使用场合有区别,比如2个activity之间传递数据,activity这种有生命周期的弄成全局变量和单例就不合适了. 2.Android的广播发送广播: Intent intent = new Intent("OUR_BLE_CENTRAL_MANAGE

Cocos2d坐标系转换

Cocos2d-x坐标系和OpenGL坐标系相同,都是起源于笛卡尔坐标系(高中数学里面那种). 笛卡尔坐标系笛卡尔坐标系中定义右手系原点在左下角,x向右,y向上,z向外,OpenGL坐标系为笛卡尔右手系. 屏幕坐标系和Cocos2d坐标系标准屏幕坐标系使用和OpenGL不同的坐标系,而Cocos2d则使用和OpenGL相同的坐标系. iOS, Android, Windows Phone等在开发应用时使用的是标准屏幕坐标系,原点为屏幕左上角,x向右,y向下. Cocos2d坐标系和OpenG

Cocos2d之Texture2D类详解之将文件加载成Texture2D对象

一.声明笔者以cocos2d框架cocos2d-x-3.3rc0版本的源码做分析.本文为笔者原创,允许转载和分享,只要注明文章出处即可. 二.简介 Texture2D类简介 Texture2D类允许开发者用图像.文本信息和简单的数据来创建OpenGL2D纹理.被创建的纹理拥有两个维度.根据开发者创建Texture2D对象方式的不同,实际图像的尺寸可能比生成的纹理的尺寸要小,而且纹理的内容是倒置的. 像素格式在计算机图形学中,人们用每个像素在内存中的总位数以及分别存储红.蓝.绿和alpha(阿

cocos2D（三）---- 第一cocos2d的程序代码分析

在第一讲中已经新建了第一个cocos2d程序,执行效果例如以下: 在这讲中我们来分析下里面的代码,了解cocos2d的工作原理,看看屏幕上的这个"Hello World"是怎样显示出来的. 这是HelloWorld项目的代码结构: 以下,我们開始分析项目中的这些源文件: 从程序的入口点開始这么多源文件在这里,到底先看哪个呢?有些人可能会先挑内容少的来看,认为这样就能够轻松解决掉一个源文件了.事实上这是不正确的,这样看起来更加是一头雾水,根本搞不清楚每一个源文件之间的联系.正确的做法应