Cocos2d-x教程(10)-CCProgressTimer实现页面加载进度条效果

        欢迎加入Cocos2d-x 交流群:193411763

       原码下载地址:http://download.csdn.net/detail/u012945598/6683161


        相信大家在玩游戏的过程中都会遇到一个loading的界面,loading界面的作用主要是为了加载游戏中需要用到的资源。在比较大型的游戏中,资源通常会占用很大的空间,如果不做一个预加载,在切换界面的过程中很容易造成卡屏的现象。今天要讲解的内容便是加载界面中的进度条控件的使用方法,在这里我们只学习控件的使用,不讲解加载过程的逻辑处理。

        所谓的进度条,其实不过是两张纹理的组合,其中一个纹理全部显示出来,而另一个纹理会随着加载的过程有一定的变化,我们可以为它设置一个动作,也可以直接设置它显示的百分比,首先我们来看一下两张图片 :

 

        这就是未加载时和加载完成后的进度条显示,加载完成后,第二个纹理完全遮住了第一个纹理,但事实上他们是两个纹理。

        下面新建一个项目,命名为loadingDemo,新建newScene类,.h文件中代码如下:

Cocos2d-x教程(10)-CCProgressTimer实现页面加载进度条效果_第1张图片

      .cpp文件中代码如下:

      Cocos2d-x教程(10)-CCProgressTimer实现页面加载进度条效果_第2张图片

      我们所展示的进度条只不过是一个假的进度条,因为它并不是随着资源加载的百分比而变化的,事实上我们可以设置一个回调函数,在资源加载的过程中调用,并随着加载进度设置进度条的百分比,例如:

CCTextureCache::sharedTextureCache()->addImageAsync("HelloWorld.png”,this,callfuncO_selector(newScene::loadCallBack)); 

此处就不过多讲解了。


项目的效果图展示如下:
      

你可能感兴趣的:(loading,cocos2d-x,CCProgressTimer,马宗扬,游戏加载界面)