SkillButton.h

/** 
    實現(xiàn)技能冷卻效果 

    Notice:添加child時要注意上下層關(guān)系
    最下方是按鈕 其次是半透明的模版圖片 最上方是CCProgressTimer進度條精靈
*/
#ifndef _SKILLBUTTON_H_
#define _SKILLBUTTON_H_
#include <cocos2d.h>

class SkillButton : public cocos2d::CCNode
{
public:
    SkillButton();
    virtual ~SkillButton();

    /** 創(chuàng)建一個SkillButton對象
        */
    static SkillButton* createSkillButton(float cdTime,
                                        const char* stencil_file_name, 
                                        const char* button_normal_name, 
                                        const char* button_click_name);

    /** CD時間設置
        */
    void    setCDTime(float time) { mCDTime = time; }
    float   getCDTime() const { return mCDTime; }

    /** 技能按鈕點擊回調(diào) */
    void    skillClickCallBack(cocos2d::CCObject* obj);

    /** 技能冷卻完畢回調(diào)*/
    void    skillCoolDownCallBack(cocos2d::CCNode* node);

private:

    /** 初始化 */
    bool    init(float cdTime, const char* stencil_file_name, const char* button_normal_name, const char* button_click_name);

private:
    cocos2d::CCMenuItemImage*   mItemSkill;     // 技能按鈕
    cocos2d::CCMenu*            mMenuSkill;     // 技能按鈕所在menu
    cocos2d::CCSprite*          mStencil;       // 蒙板精靈,黑色半透明(這個是為了顯示一個冷卻計時效果)
    cocos2d::CCProgressTimer*   mProgressTimer; // 時間進度條精靈(360度旋轉(zhuǎn))
    float                       mCDTime;          // CD時間
};


#endif

#include "SkillButton.h"


USING_NS_CC;

SkillButton::SkillButton():
    mItemSkill(NULL),
    mMenuSkill(NULL),
    mStencil(NULL),
    mProgressTimer(NULL),
    mCDTime(1.f)
{

}

SkillButton::~SkillButton()
{

}

SkillButton* SkillButton::createSkillButton(float cdTime, const char* stencil_file_name, const char* button_normal_name, const char* button_click_name)
{
    SkillButton* skillButton = new SkillButton();
    if (skillButton && skillButton->init(cdTime, stencil_file_name, button_normal_name, button_click_name))
    {
        skillButton->autorelease();
        return skillButton;
    }
    else
    {
        delete skillButton;
        skillButton = NULL;
    }

    return NULL;
}

bool SkillButton::init(float cdTime, const char* stencil_file_name, const char* button_normal_name, const char* button_click_name)
{
    CCAssert(stencil_file_name, "SkillButton::init stencil_file_name != NULL");
    CCAssert(button_normal_name, "SkillButton::init button_normal_name != NULL");
    CCAssert(button_click_name, "SkillButton::init button_click_name != NULL");

    // Notice:添加child時要注意上下層
    // 最下方是CCMenuItemImage 其次是模版圖片 最上方是CCProgressTimer

    // 添加技能按鈕
    mItemSkill = CCMenuItemImage::create(button_normal_name, button_click_name, this, menu_selector(SkillButton::skillClickCallBack));
    mItemSkill->setPosition(CCPointZero);

    mMenuSkill = CCMenu::create(mItemSkill, NULL);
    mMenuSkill->setPosition(CCPointZero);
    addChild(mMenuSkill, -100);

    // 添加陰影模版
    mStencil = CCSprite::create(stencil_file_name);
    mStencil->setPosition(CCPointZero);
    mStencil->setVisible(false);
    addChild(mStencil);

    // 添加旋轉(zhuǎn)進度條精靈
    CCSprite* progressSprite = CCSprite::create(button_normal_name);
    mProgressTimer = CCProgressTimer::create(progressSprite);
    mProgressTimer->setPosition(CCPointZero);
    mProgressTimer->setVisible(false);
    addChild(mProgressTimer, 100);

    mCDTime = cdTime;
    return true;
}

/** 技能按鈕點擊回調(diào) */
void SkillButton::skillClickCallBack(cocos2d::CCObject* obj)
{
    // 冷卻計時，即時狀態(tài)技能按鈕不可點擊
    mItemSkill->setEnabled(false);

    // 模版可見
    mStencil->setVisible(true);

    // 設置精靈進度條為順時針
    mProgressTimer->setVisible(true);
    mProgressTimer->setType(kCCProgressTimerTypeRadial);

    //準備一個5秒旋轉(zhuǎn)360度的動畫(逐漸覆蓋半透模板形成冷卻效果;這里進行計時冷卻動畫的實現(xiàn)和時間控制)
    CCActionInterval* action_progress_to = CCProgressTo::create(mCDTime, 100);
    CCCallFunc* action_callback = CCCallFuncN::create(this, callfuncN_selector(SkillButton::skillCoolDownCallBack));
    mProgressTimer->runAction(CCSequence::create(action_progress_to, action_callback, NULL));
}

/** 技能冷卻完成回調(diào) */
void SkillButton::skillCoolDownCallBack(CCNode* node)
{
    // 設置蒙板不可見
    mStencil->setVisible(false);

    // 進度條技能不可見
    mProgressTimer->setVisible(false);

    // 按鈕置為可用
    mItemSkill->setEnabled(true);
}

    mSkillButton = SkillButton::createSkillButton(2.f, "stencil.png", "normal.png", "click.png");
    mSkillButton->setPosition(ccp(s.width/2, s.height/2));
    addChild(mSkillButton);