头文件的定义：
class HelloWorld : public Layer
{
public:
ProgressTimer * progressTimer;
MenuItemImage * mi;
Menu *m;
Sprite * sprite;
Size s;
/** 技能按钮点击回调 */
void skillClickCallBack(Ref* obj);
/** 技能冷却完毕回调*/
void skillCoolDownCallBack(Node* node);
}在init初始化方法中加入：
//正常显示按钮
mi = MenuItemImage::create("skill_1.png","skill_1.png",CC_CALLBACK_1(HelloWorld::skillClickCallBack,this));
mi->setPosition(Vec2(s.width/2,s.height/2));
m = Menu::create(mi,nullptr);
m->setPosition(Vec2::ZERO);
this->addChild(m);
然后是回调的方法
/** 技能按钮点击回调 */
void HelloWorld::skillClickCallBack(Ref* obj)
{
//设置按钮不可用
mi->setEnabled(false);
//灰模板按钮
sprite = Sprite::create("stencil.png");
sprite->setOpacity(160);
sprite->setPosition(Vec2(s.width/2,s.height/2));
progressTimer = ProgressTimer::create(sprite);
progressTimer->setPosition(Vec2(s.width/2,s.height/2));
this->addChild(progressTimer);
// 设置精灵进度条为顺时针
progressTimer->setType(ProgressTimer::Type::RADIAL);
/** 让进度条执行一个动作 显示出动画效果 逐渐覆盖半透模板形成冷却效果;这里进行计时冷却动画的实现和时间控制*/
auto pto = ProgressTo::create(2,100);
auto call = CallFuncN::create(this,callfuncN_selector(HelloWorld::skillCoolDownCallBack));
progressTimer->runAction(Sequence::create(pto,call,NULL));
}
/** 技能冷却完毕回调*/
void HelloWorld::skillCoolDownCallBack(Node* node)
{
//恢复触摸
mi->setEnabled(true);
//隐藏
progressTimer->setVisible(false);
}
效果如图所示：
