频道导航

前端之家
Cocos2d-x
cocos2d-x 3.X用progressTimer制作血槽
cocos2d-x 3.X用progressTimer制作血槽

                         2019-05-18
                         Cocos2d-x
                         前端之家
                    
前端之家收集整理的这篇文章主要介绍了cocos2d-x 3.X用progressTimer制作血槽，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
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% 

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

2.BAR 
  
"Box.png" 
 "hp.png" 
 
progressTimer->setType(ProgressTimer::Type::BAR); 

 /////////////////////////////////////////////////////////////////////////////////////////////////////// 
//从左到右 
 
@H_502_80@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% 

);