cocos2d-x進度條讀取

轉自:http://blog.csdn.net/xiaoxiangp/article/details/7706764

昨天下載了最新的cocos2d-x   是2.0.1版本的...所以本文章是參考2.0版本的例子寫的...





可以發現,2.0版本後不單單隻有一個幀率了..還多了兩個參數.第一個參數可以理解爲場景中的對象個數吧.第二個還不清楚...


1. 創建好一個工程後,先修改對於的.h文件

  1. class HelloWorld : public cocos2d::CCLayer  
  2. {  
  3. public:  
  4.     virtual bool init();    
  5.     static cocos2d::CCScene* scene();  
  6.     HelloWorld();  
  7.   
  8.     void addSprite();//用於加載完成後添加精靈  
  9.     void loadingCallBack(cocos2d::CCObject *obj);//讀進度回調函數  
  10.   
  11.     LAYER_CREATE_FUNC(HelloWorld);  
  12.   
  13. private:  
  14.     cocos2d::CCLabelTTF *m_pLableLoading;  
  15.     cocos2d::CCLabelTTF *m_pLabelPercent;  
  16.     int m_nNumberOfSprites;  
  17.     int m_nNumberOfLoadedSprites;  
  18. };  

2. 然後在對應的cpp文件中完成各種函數


  1. //原例子中的代碼都是在構造函數中寫的.在這裏構造函數只用於初始化了兩個成員變量  
  2. HelloWorld::HelloWorld():m_nNumberOfSprites(20),m_nNumberOfLoadedSprites(0)  
  3. {  
  4.   
  5. }  


  1. bool HelloWorld::init()  
  2. {  
  3.     bool bRet = false;  
  4.     do   
  5.     {  
  6.         CC_BREAK_IF(! CCLayer::init());  
  7.         CCSize size = CCDirector::sharedDirector()->getWinSize();  
  8.   
  9.         //創建讀條時的標籤  
  10.         m_pLableLoading = CCLabelTTF::create("Loading...","Arial",20);  
  11.         m_pLabelPercent = CCLabelTTF::create("%0","Arial",30);  
  12.           
  13.         m_pLabelPercent->setPosition(CCPointMake(size.width/2, size.height/2 +50));  
  14.         m_pLableLoading->setPosition(CCPointMake(size.width/2, size.height/2 -10));  
  15.   
  16.         this->addChild(m_pLableLoading);  
  17.         this->addChild(m_pLabelPercent);  
  18.   
  19.         //加載圖片到Cache...每加載一次就調用我們自己寫的回調函數  
  20.         CCTextureCache::sharedTextureCache()->addImageAsync("img/bg.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  21.         CCTextureCache::sharedTextureCache()->addImageAsync("img/01.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  22.         CCTextureCache::sharedTextureCache()->addImageAsync("img/02.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  23.         CCTextureCache::sharedTextureCache()->addImageAsync("img/03.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  24.         CCTextureCache::sharedTextureCache()->addImageAsync("img/04.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  25.         CCTextureCache::sharedTextureCache()->addImageAsync("img/05.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  26.         CCTextureCache::sharedTextureCache()->addImageAsync("img/06.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  27.         CCTextureCache::sharedTextureCache()->addImageAsync("img/07.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  28.         CCTextureCache::sharedTextureCache()->addImageAsync("img/08.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  29.         CCTextureCache::sharedTextureCache()->addImageAsync("img/09.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  30.         CCTextureCache::sharedTextureCache()->addImageAsync("img/10.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  31.         CCTextureCache::sharedTextureCache()->addImageAsync("img/11.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  32.         CCTextureCache::sharedTextureCache()->addImageAsync("img/12.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  33.         CCTextureCache::sharedTextureCache()->addImageAsync("img/13.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  34.         CCTextureCache::sharedTextureCache()->addImageAsync("img/14.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  35.         CCTextureCache::sharedTextureCache()->addImageAsync("img/15.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  36.         CCTextureCache::sharedTextureCache()->addImageAsync("img/16.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  37.         CCTextureCache::sharedTextureCache()->addImageAsync("img/17.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  38.         CCTextureCache::sharedTextureCache()->addImageAsync("img/18.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  39.         CCTextureCache::sharedTextureCache()->addImageAsync("img/19.png"this, callfuncO_selector(HelloWorld::loadingCallBack));  
  40.   
  41.         bRet = true;  
  42.     } while (0);  
  43.   
  44.     return bRet;  
  45. }  

3. 代碼很多都是重複的..只是加載的圖片不一樣,大家注意加載的圖片路徑就可以了..接下來實現回調函數


  1. //回調函數  
  2. void HelloWorld::loadingCallBack(CCObject *obj)  
  3. {  
  4.     ++m_nNumberOfLoadedSprites;//每調用一次就+1  
  5.     char tmp[10];  
  6.   
  7.     //這裏格式化,因爲我們只加載了20張圖片,所以除以總數後就是0.05,所以每加載一次就漲5%  
  8.     sprintf(tmp,"%%%d",(int)(((float)m_nNumberOfLoadedSprites / m_nNumberOfSprites) * 100));  
  9.     m_pLabelPercent->setString(tmp);//重設標籤的內容  
  10.   
  11.     //判斷,如果全部加載完成後,就執行  
  12.     if (m_nNumberOfLoadedSprites == m_nNumberOfSprites)  
  13.     {  
  14.         //移除那兩個標籤文字..  
  15.         this->removeChild(m_pLableLoading, true);  
  16.         this->removeChild(m_pLabelPercent, true);  
  17.         //調用自己寫的函數..從新繪製場景內容  
  18.         addSprite();  
  19.     }  
  20.       
  21. }  

4. 實現addSprite()函數,這個函數從新初始化了場景..然後顯示


  1. void HelloWorld::addSprite()  
  2. {  
  3.     CCSize size = CCDirector::sharedDirector()->getWinSize();  
  4.   
  5.     //創建背景圖片  
  6.     CCSprite *bg = CCSprite::create("img/bg.png");  
  7.     bg->setPosition(CCPointMake(size.width/2, size.height/2));  
  8.   
  9.     //創建其他小圖片  
  10.     CCSprite *s1 = CCSprite::create("img/01.png");  
  11.     CCSprite *s2 = CCSprite::create("img/02.png");  
  12.     CCSprite *s3 = CCSprite::create("img/03.png");  
  13.     CCSprite *s4 = CCSprite::create("img/04.png");  
  14.     CCSprite *s5 = CCSprite::create("img/05.png");  
  15.     CCSprite *s6 = CCSprite::create("img/06.png");  
  16.     CCSprite *s7 = CCSprite::create("img/07.png");  
  17.     CCSprite *s8 = CCSprite::create("img/08.png");  
  18.     CCSprite *s9 = CCSprite::create("img/09.png");  
  19.     CCSprite *s10 = CCSprite::create("img/10.png");  
  20.     CCSprite *s11 = CCSprite::create("img/11.png");  
  21.     CCSprite *s12 = CCSprite::create("img/12.png");  
  22.     CCSprite *s13 = CCSprite::create("img/13.png");  
  23.     CCSprite *s14 = CCSprite::create("img/14.png");  
  24.     CCSprite *s15 = CCSprite::create("img/15.png");  
  25.     CCSprite *s16 = CCSprite::create("img/16.png");  
  26.     CCSprite *s17 = CCSprite::create("img/17.png");  
  27.     CCSprite *s18 = CCSprite::create("img/18.png");  
  28.     CCSprite *s19 = CCSprite::create("img/19.png");  
  29.   
  30.     //設置位置  
  31.     s1->setPosition(CCPointMake(70, size.height/2));  
  32.     s2->setPosition(CCPointMake(90, size.height/2));  
  33.     s3->setPosition(CCPointMake(110, size.height/2));  
  34.     s4->setPosition(CCPointMake(130, size.height/2));  
  35.     s5->setPosition(CCPointMake(150, size.height/2));  
  36.     s6->setPosition(CCPointMake(170, size.height/2));  
  37.     s7->setPosition(CCPointMake(190, size.height/2));  
  38.     s8->setPosition(CCPointMake(210, size.height/2));  
  39.     s9->setPosition(CCPointMake(230, size.height/2));  
  40.     s10->setPosition(CCPointMake(250, size.height/2));  
  41.     s11->setPosition(CCPointMake(270, size.height/2));  
  42.     s12->setPosition(CCPointMake(290, size.height/2));  
  43.     s13->setPosition(CCPointMake(310, size.height/2));  
  44.     s14->setPosition(CCPointMake(330, size.height/2));  
  45.     s15->setPosition(CCPointMake(350, size.height/2));  
  46.     s16->setPosition(CCPointMake(370, size.height/2));  
  47.     s17->setPosition(CCPointMake(390, size.height/2));  
  48.     s18->setPosition(CCPointMake(410, size.height/2));  
  49.     s19->setPosition(CCPointMake(430, size.height/2));  
  50.   
  51.     //添加進入場景  
  52.     this->addChild(bg);  
  53.   
  54.     this->addChild(s1);  
  55.     this->addChild(s2);  
  56.     this->addChild(s3);  
  57.     this->addChild(s4);  
  58.     this->addChild(s5);  
  59.     this->addChild(s6);  
  60.     this->addChild(s7);  
  61.     this->addChild(s8);  
  62.     this->addChild(s9);  
  63.     this->addChild(s10);  
  64.     this->addChild(s11);  
  65.     this->addChild(s12);  
  66.     this->addChild(s13);  
  67.     this->addChild(s14);  
  68.     this->addChild(s15);  
  69.     this->addChild(s16);  
  70.     this->addChild(s17);  
  71.     this->addChild(s18);  
  72.     this->addChild(s19);  
  73. }  

這樣,運行的時候就會出現讀條界面了,但是閃的很快,比較電腦的處理能力還是很快的嘛..可以在回調函數裏面設置一個斷點,就會發現是5%的增長..


就我的理解來說,這一個例子的思路,首先是把圖片加載進入內存.然後出發一次回調函數,更新讀條進度..直到100%就調用另外函數...


圖片的話,隨便弄個幾張就好了.顯示效果的話,注意設置位置就行,也可以用我的圖片啦:

http://115.com/file/anpzdgqa#img.rar


by...XX


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章