资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

cocos2d带冷却的菜单按钮封装-创新互联

带冷却的菜单按钮完美封装。

站在用户的角度思考问题,与客户深入沟通,找到浑源网站设计与浑源网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广、域名申请虚拟主机、企业邮箱。业务覆盖浑源地区。

  下面是用到的两个图片:蓝色的是按钮,灰色的是冷却的蒙板效果。

cocos2d带冷却的菜单按钮封装cocos2d带冷却的菜单按钮封装

  按钮有三个状态:未点击,冷却中,不可点击。见图:

cocos2d带冷却的菜单按钮封装cocos2d带冷却的菜单按钮封装cocos2d带冷却的菜单按钮封装

当然,数字不算在呢,还有图片好丑。好吧,好不专业。最讨厌不专业的了。

我们要做的是继承cocos2d提供的精灵菜单按钮项(CCMenuItemSprite),对它进行效果的添加。

首先我们要了解CCMenuItemSprite的使用:

//纹理缓存
            CCTextureCache * textureCache = [CCTextureCache sharedTextureCache];
            //未选择状态
            CCSprite *normal = [CCSprite spriteWithTexture:[textureCache textureForKey:@"tool.png"]];
            //选择状态
            CCSprite *selected = [CCSprite spriteWithTexture:[textureCache textureForKey:@"tool.png"]];
            //不可选择状态(可为空)
            CCSprite *disabled = [CCSprite spriteWithTexture:[textureCache textureForKey:@"tool.png"]];
            //精灵菜单项
            CCMenuItemSprite *tool = [CCMenuItemSprite itemWithNormalSprite:normal selectedSprite:selected disabledSprite:disabled target:self selector:@selector(toolCallback)];
            //菜单添加菜单项
            CCMenu *menu = [CCMenu menuWithItems:tool, nil];
            //菜单坐标为原点 这样菜单项就可以根据屏幕坐标设置位置
            [menu setPosition:CGPointZero];
            [self addChild:menu];

为什么不直接加载图片,难道你不觉得在游戏开始的时候把图片一次性加载到缓存里,会使游戏更加流畅,这也是为什么我们使用CCMenuItemSprite的原因。还有上述代码设置的用来响应按钮的回调函数:

-(void) toolCallback
{
    //按钮的功能
}

以上是CCMenuItemSprite的使用,当然我们的封装也要这样的使用。网上有个博文对按钮的封装把响应按钮的回调函数写在了按钮类里,这就使封装毫无意义,添加一个按钮,就再写一个类?好不专业有没有。

首先声明部分:

#import 
#import "cocos2d.h"
@interface MYMenuItemSprite : CCMenuItemSprite {
    //蒙板精灵
    CCSprite *_becloundsSprite;
    //冷却进度条
    CCProgressTimer* _progressSprite;
    //冷却时间
    ccTime _time;
    //是否正在冷却中
    BOOL isCool;
}
//按钮图片 蒙板图片 冷却时间 当前layer 当前layer里的响应按钮函数
+(id)initMenuItemSprite:(CCSprite *)normalSprite becloudsSprite:(CCSprite *) becloundsSprite duration:(ccTime)time target:(id)target selector:(SEL)selector;
-(id)initMenuItemSprite:(CCSprite *)normalSprite becloudsSprite:(CCSprite *) becloundsSprite duration:(ccTime)time target:(id)target selector:(SEL)selector;
//冷却效果
-(void)coolingEffect;
//冷却完成后
-(void)progressCallback;
//按钮是否可用(和父类的只是有点像)
-(void)setEnabled:(BOOL) is;
@end

我们自己的冷却按钮也是按钮,继承自CCMenuItemSprite,对它进行功能的扩充。

下面是实现部分:

#import "MYMenuItemSprite.h"
@implementation MYMenuItemSprite
+(id)initMenuItemSprite:(CCSprite *)normalSprite becloudsSprite:(CCSprite *) becloundsSprite duration:(ccTime)time target:(id)target selector:(SEL)selector
{
    //返回一个可以自动释放的对象
    return [[[self alloc] initMenuItemSprite:normalSprite becloudsSprite:becloundsSprite duration:time target:target selector:selector] autorelease];
}
//自己的构造
-(id)initMenuItemSprite:(CCSprite *)normalSprite becloudsSprite:(CCSprite *) becloundsSprite duration:(ccTime)time target:(id)target selector:(SEL)selector
{
    //未选择和已选择图片相同
    CCSprite *sprite = [CCSprite spriteWithTexture:normalSprite.texture];
                                       
    //父类的构造
    self = [super initWithNormalSprite:normalSprite selectedSprite:sprite disabledSprite:nil target:target selector:selector];
                                       
    //新的构造
    if(self)
    {
        //蒙板精灵
        _becloundsSprite = [CCSprite spriteWithTexture:becloundsSprite.texture];
        _becloundsSprite.visible = NO;
        //包含菜单的layer,包含蒙板精灵,在菜单项之上
        [target addChild:_becloundsSprite z:2];
                                           
        //冷却精灵,即按钮图片
        CCSprite *sprite2 = [CCSprite spriteWithTexture:normalSprite.texture];
        _progressSprite = [CCProgressTimer progressWithSprite:sprite2];
        //包含菜单的layer,包含冷却精灵,在蒙版之上
        [target addChild:_progressSprite z:3];
                                           
        //冷却时间
        _time = time;
    }
                                       
    return self;
}
-(void)dealloc
{
    [super dealloc];
}
// 向父类的方法添加蒙板精灵的定位
-(void)setPosition:(CGPoint)position
{
    [super setPosition:position];
    _becloundsSprite.position = position;
    [_progressSprite setPosition: position];
}
//父类的按钮点击后的回调函数
-(void) selected
{
    [super selected];
}
//父类的离开按钮的回调函数
-(void) unselected
{
    [super unselected];
                                       
    //点击按钮后 播放冷却效果
    [self coolingEffect];
}
//父类的回调函数
-(void) activate
{
    //执行相应本按钮的回调函数
    [super activate];
    //回调函数执行后 按钮不可按状态
    self.isEnabled = NO;
}
//冷却效果
-(void)coolingEffect
{
    //冷却效果
    CCActionInterval *action = [CCProgressTo actionWithDuration:_time percent:100];
    CCCallFunc *callFunc = [CCCallFunc actionWithTarget:self selector:@selector(progressCallback)];
    CCSequence *seq = [CCSequence actions:action, callFunc, nil];
    [_progressSprite runAction:seq];
                                       
    //蒙板可见
    _becloundsSprite.visible = YES;
    //冷却状态中
    isCool = YES;
}
-(void)progressCallback
{
                                       
    if (isCool) {
        isCool = NO;
    }else{
        //若已提前结束冷却状态,则直接返回
        return;
    }
                                       
    //冷却完毕 激活按钮
    self.isEnabled = YES;
    //蒙板不可见
    _becloundsSprite.visible = NO;
                                       
}
//设置当前按钮是否可用
-(void)setEnabled:(BOOL) is
{
    //冷却的时候不可进入可用状态,冷却的时候设置为不可用,可直接冷却完成
    if(is){
        if(!isCool){
            self.isEnabled = YES;
            _progressSprite.visible = YES;
            _becloundsSprite.visible = NO;
        }
    }else
    {
        isCool = NO;
        self.isEnabled = NO;
        _progressSprite.visible = NO;
        _becloundsSprite.visible = YES;
    }
}
@end

有一点需要注意,我们传进去的回调函数对象即target:只能是当前添加菜单的CCNode,因为它需要绘制我们的蒙板图片,当然,平时的时候我们也都这样写。只是这里只能这样写。如果也非要传递一个非CCNode对象也可以,自己修改一下,添加一个参数,把添加菜单的CCNode传递进去。比如构造函数的末尾添加:scene:(CCNode*)scene

最后是对自己的冷却按钮项的使用:

{
            CCTextureCache * textureCache = [CCTextureCache sharedTextureCache];
            //蒙板图片
            CCSprite *tool_b = [CCSprite spriteWithTexture:[textureCache textureForKey:@"tool_b.png"]];
            CCSprite *normal = [CCSprite spriteWithTexture:[textureCache textureForKey: @"tool.png"]];
            //自己的冷却菜单按钮项
            MYMenuItemSprite *tool = [MYMenuItemSprite initMenuItemSprite:normal becloudsSprite:tool_b duration:1.1 target:self selector:@selector(toolMenuCallback)];
            //设置冷却菜单项的位置
            [tool setPosition:ccp(0,0)];
                                                                                                                                                                                                        
            menu = [CCMenu menuWithItems:tool, nil];
            [menu setPosition:CGPointZero];
            [self addChild:menu z:1];
        }
                                                                                                                                                                                                    
        -(void) toolMenuCallback
        {
            //按钮的功能
        }

和CCMenuItemSprite一样的使用是不是很激动。完美的封装到此结束,你可以根据自己的需求对他进行修改和内容的添加。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前名称:cocos2d带冷却的菜单按钮封装-创新互联
分享地址:http://cdkjz.cn/article/ghddc.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220