cocos2d-x 3.X用progressTimer制作血槽

发布时间：2020-12-14 16:25:11 所属栏目：百科来源：网络整理

导读：http://www.2cto.com/kf/201403/289326.html 血条经常会用到，没必要重复编写浪费时间，这里用最新版的API写个，方便以后调用。以下代码使用的引擎版本是cocos2d-x 3.0rc0 1.RADIAL Sprite *bgSprite = Sprite::create( "red.png" ); addChild(bgSprite, 1

http://www.2cto.com/kf/201403/289326.html

血条经常会用到，没必要重复编写浪费时间，这里用最新版的API写个，方便以后调用。

以下代码使用的引擎版本是cocos2d-x 3.0rc0

1.RADIAL

 
 Sprite *bgSprite = Sprite::create( 
 "red.png" 
 ); 

 
  
 addChild(bgSprite, 
 1 
 ,monospace!important; font-size:1em!important; min-height:auto!important; color:black!important; background:none!important">); 

Sprite *hpSprite = Sprite::create( 
 "green.png" 
 ); 

progressTimer = ProgressTimer::create(hpSprite); 

 
  //设置进度条的模式 
 
//kCCProgressTimerTypeBar表示条形模式 
 
//默认的模式是kCCProgressTimerTypeRadial(圆圈模式)

progressTimer->setType(ProgressTimer::Type::RADIAL); 

progressTimer->setReverseProgress( 
 true 
 ); 

progressTimer->setPercentage( 
 30 
 ); 
 //满值 100% 

addChild(progressTimer,0)!important; background:none!important">0 
 ); 

2.BAR

"box.png" 
 "hp.png"

progressTimer->setType(ProgressTimer::Type::BAR); 

 
 /////////////////////////////////////////////////////////////////////////////////////////////////////// 

//从左到右 

progressTimer->setMidpoint(ccp( 
 0.5 
 )); 

progressTimer->setBarChangeRate(ccp( 
 )); 

//设置进度条变化的方向 
 
//setMidpoint默认在左边 
 
//ccp(1,0)表示在X轴方向上有变化,在y轴方向上没变化 
 
//ccp(0,1)表示在X轴方向上没有变化,在y轴方向上有变化

//从右到左 

// progressTimer->setMidpoint(ccp(1,0.5)); 

// progressTimer->setBarChangeRate(ccp(1,0)); 

//从上到下 

// progressTimer->setMidpoint(ccp(0.5,1)); 

// progressTimer->setBarChangeRate(ccp(0,1)); 

//从下到上 

/////////////////////////////////////////////////////////////////////////////////////////////////////////// 

progressTimer->setMidpoint(Point( 
 )); 

progressTimer->setBarChangeRate(Point( 
 )); 

//满值 100% 

);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!