cocos2d-x进度条的实现

最新推荐文章于 2018-03-26 18:15:00 发布

尘墨mxy

最新推荐文章于 2018-03-26 18:15:00 发布

阅读量927

点赞数

分类专栏： cocos2d-x

本文链接：https://blog.csdn.net/by_mxy/article/details/16330093

版权

cocos2d-x 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

本文详细介绍了如何在cocos2d-x游戏引擎中实现一个进度条效果，通过实例代码和最终展示的截图，展示了从设计到实现的完整过程，帮助开发者掌握在2D游戏中创建动态进度显示的技术。

摘要由CSDN通过智能技术生成

#include"prograssbar.h"
#include "variable.h"

using namespace  cocos2d;


CCScene * prograssbar::scene()
{
    CCScene *scene = NULL;
 bool bRet =false;

 do 
 {
  scene =CCScene::create();
  prograssbar* layer =prograssbar::create();

  scene->addChild(layer);

  bRet =true;


 } while (0);

 return scene;
}

 

bool prograssbar::init()
{

 CCSize winsize =CCDirector::sharedDirector()->getWinSize();

 bool bRet =false;

 do{
 //创建一个进度条精灵，这个是2.0以后api变了
 CCSprite *progressbgSprite=CCSprite::create("prograssbar/lodingbg.png");

 progressbgSprite->setPosition(ccp(winsize.width/2.0, winsize.height/2.0));

 this->addChild(progressbgSprite, 1);


 CCSprite *progressSprite=CCSprite::create("prograssbar/longding.png");

 progress1=CCProgressTimer::create(progressSprite);

 progress1->setType(kCCProgressTimerTypeBar);

 progress1->setPosition(ccp(winsize.width/2.0, winsize.height/2.0));

 //进度动画运动方向，可以多试几个值，看看效果
 progress1->setMidpoint(ccp(0, 0));

 //进度条宽高变化
 progress1->setBarChangeRate(ccp(1, 0));

 progress1->setPercentage(0);

 this->addChild(progress1, 1);


 numsTTF=CCLabelTTF::create("0",ID_FONT_FORMAT, ID_FONT_SIZE);


 numsTTF->setPosition(ccp(winsize.width/2.0, winsize.height/2.0));


 this->addChild(numsTTF, 1);


 this->scheduleUpdate();

 bRet =true;
 }while(0);

 return bRet;

}

 

void prograssbar::update(float dt)
{
 float cu=progress1->getPercentage();


 if(cu<100)
 cu=cu+0.2f;


 if(cu<100)
 {

    progress1->setPercentage(cu);


    CCString *str = CCString::createWithFormat("%.2f%%",cu);

    numsTTF->setString(str->getCString());

 }

}

效果图如下