相信大家在玩游戏的过程中都会遇到一个loading的界面，loading界面的作用主要是为了加载游戏中需要用到的资源。在比较大型的游戏中，资源通常会占用很大的空间，如果不做一个预加载，在切换界面的过程中很容易造成卡屏的现象。
下面先给出运行效果。
今天要讲解的内容便是加载界面中的进度条控件的使用方法，在这里我们只学习控件的使用，不讲解加载过程的逻辑处理。
所谓的进度条，其实不过是两张纹理的组合，其中一个纹理全部显示出来，而另一个纹理会随着加载的过程有一定的变化，我们可以为它设置一个动作，也可以直接设置它显示的百分比，首先我们来看一下两张图片 ：
![[cocos2dx]自定义loading动画](http://img.blog.csdn.net/20131209102035781?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjk0NTU5OA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
这就是未加载时和加载完成后的进度条显示，加载完成后，第二个纹理完全遮住了第一个纹理，但事实上他们是两个纹理。
先给出实现代码。
1. .h文件中声明全局变量。
| 1 另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。 网站标题：[cocos2dx]自定义loading动画-创新互联 链接URL：http://bjjierui.cn/article/geoih.html 其他资讯
|
![[cocos2dx]自定义loading动画](http://img.blog.csdn.net/20140209222557046?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGl0d2h6bHo=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![[cocos2dx]自定义loading动画](http://img.blog.csdn.net/20131209102102109?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjk0NTU5OA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
