COCOS2D-X之圆形进度条的一个简单Demo

这应该是游戏中很常见的一个效果.显示某个事件的进度等,在加载资源或者联网的时候经常用到.所以有必要学习学习 COCOS2D-X之圆形进度条的一个简单Demo

一、我们直接在COCOS2D-X自带的HelloCpp的工程中添加代码即可.我们在初始化中添加如下代码:

CCSprite* pSprite = CCSprite::create("A.png");//暂且说是蓝色背景吧

CCSize szWin = CCDirector::sharedDirector()->getVisibleSize();

pSprite->setPosition(CCPointMake(szWin.width/2,szWin.height/2));

this->addChild(pSprite);

CCProgressTimer *pProgressTimer = CCProgressTimer::create(CCSprite::create("B.png")); //红色圆形进度条

pProgressTimer->setPosition(CCPointMake(szWin.width/2,szWin.height/2));

pProgressTimer->setPercentage(0);//显示原形的百分比

this->addChild(pProgressTimer,0,100);

this->schedule(schedule_selector(HelloWorld::UpdateProgress));//更加实际情况来更新进度.这里用定时器以便演示

二、然后我们需要实现定时器调用的函数.代码如下并附上效果图.

void HelloWorld::UpdateProgress(float Dt)

{

 CCProgressTimer * pProgressTimer = (CCProgressTimer *)this->getChildByTag(100);

 pProgressTimer->setPercentage(pProgressTimer->getPercentage() + Dt * 10);//更新进度

 if (pProgressTimer->getPercentage()==100)

 {

  this->unschedule(schedule_selector(HelloWorld::UpdateProgress));//取消定时器

 }

}

COCOS2D-X之圆形进度条的一个简单Demo

PS:因为是基础学习,故不作过多分析.后继会有更多精彩内容,敬请大家关注
COCOS2D-X之圆形进度条的一个简单Demo

秒客网

COCOS2D-X之圆形进度条的一个简单Demo

相关文章