Cocos2d-x 3.10 资源加载进度条Loading显示百分比

参考：http://blog.csdn.net/star530/article/details/19420317

最近在学习Cocos2dx 练习的过程 简单记录一下 参考博文在上边

转载请注明！

本文比较适合刚接触cocos2dx的朋友，简单易懂，话不多说 下边开始！

步骤：

1.创建Label和ProgressTimer

2.加载资源，每加载一张就调用回调函数

3.加载完成进入新的界面

首先创建一个Loading界面，Loading.h头文件如下：

#include "cocos2d.h"

using namespace cocos2d;

class Loading :public Layer{

public:

Loading() :m_numSp(81), m_loadedSp(0), loadProgress(NULL){};

static Scene* createScene();

virtual bool init();

void loadingCallback(Object* pSender);//加载一张图片完成后跳转的毁掉函数

void gotoNewLayer();//加载完后的跳转函数

CREATE_FUNC(Loading);

private:

ProgressTimer* loadProgress;//进度条

LabelTTF* percentLabel;//加载进度label

LabelTTF* loadLabel;//显示 loading: 的label

int m_numSp;//要加载的精灵数目,初始化为 81 张

int m_loadedSp;//已加载的精灵数目

};

创建Loading.cpp并实现：

1.在init()方法里创建

Size visibleSize = Director::getInstance()->getVisibleSize();

Point origin = Director::getInstance()->getVisibleOrigin();

loadLabel = LabelTTF::create("Loading", "Arial", 20);//创建显示Loading: 的label

loadLabel->setPosition(Point(visibleSize.width / 2 - 30, visibleSize.height / 2 + 30));

this->addChild(loadLabel);

percentLabel = LabelTTF::create("0%", "Arial", 20);//创建显示百分比的label

percentLabel->setPosition(Point(visibleSize.width / 2 + 35, visibleSize.height / 2 + 30));

this->addChild(percentLabel);

auto loadBg = Sprite::create("slider_bar.png");//进程条的底图

loadBg->setPosition(Point(visibleSize.width / 2, visibleSize.height / 2));

this->addChild(loadBg);

loadProgress = ProgressTimer::create(Sprite::create("silder_progressBar.png"));//创建一个进程条

loadProgress->setBarChangeRate(Point(1, 0));//设置进程条的变化速率

loadProgress->setType(ProgressTimer::Type::BAR);//设置进程条的类型

loadProgress->setMidpoint(Point(0, 1));//设置进度的运动方向

loadProgress->setPosition(Point(visibleSize.width / 2, visibleSize.height / 2));

loadProgress->setPercentage(0.0f);//设置初始值为0

this->addChild(loadProgress, 2);

2.加载资源，还是在init()方法里(ps:原文使用的是清晰易懂方法，这里我自己进化了一下）

//加载81张图片，每加载完一张就调用回调函数:loadingCallback

for (int i = 7001; i < 7082; i++){

std::string imgName = StringUtils::format("%d.png", i);

Director::getInstance()->getTextureCache()->addImageAsync(imgName, CC_CALLBACK_1(Loading::loadingCallback, this));

}

3.图片加载后的回调函数实现如下：

void Loading::loadingCallback(Object* pSender){

++m_loadedSp;//每进到这个函数一次，让m_loadedSp + 1

char buf_str[16];

sprintf(buf_str, "%d%%", (int)(((float)m_loadedSp / m_numSp) * 100));

percentLabel->setString(buf_str);//更新percentLabel的值

float newPercent = 100 - ((float)m_numSp - (float)m_loadedSp) / ((float)m_numSp / 100);//计算进度条当前的百分比

//因为加载图片速度很快，所以就没有使用ProgressTo

//或者ProgressFromTo这种动作来更新进度条

loadProgress->setPercentage(newPercent);

//图片加载完成后

if (m_loadedSp == m_numSp){

//将添加的几个对象删除掉

this->removeChild(loadProgress);

this->removeChild(percentLabel);

this->removeChild(loadLabel);

//加载完既要跳转到gotoNewLayer,在这里可以

//创建新的Scene，新的Layer，或者其他什么乱七八糟的

this->gotoNewLayer();

}

}

4.进入新的界面：

void Loading::gotoNewLayer(){

auto size = Director::getInstance()->getWinSize();

auto sp = Sprite::create("7069.png");//用之前加载到缓存中的图片，创建一个精灵

sp->setPosition(Point(size.width / 2, size.height / 2));

this->addChild(sp, 1);

}

以上代码需注意以下几点总结：

1.Loading.h头文件中声明的变量m_numSp一定要初始化

2.Loading.cpp中加载资源的地方需要注意的是与参考文章略有不同1.循环文件名；2.3.0与3.10回调函数的区别！！！

3.循环读取资源的时候 一定要记得修改初始化的默认资源数量 否则会报错！