Cocos2d-x MenuItemToggle 实现开关按钮

最新推荐文章于 2019-01-08 16:38:08 发布

-眭-

最新推荐文章于 2019-01-08 16:38:08 发布

阅读量2.4k

点赞数

分类专栏： Cocos2d-X学习文章标签：游戏按钮 Cocos2d-X

本文链接：https://blog.csdn.net/suitingwei/article/details/45875441

版权

Cocos2d-X学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

最近做自己的塔防游戏的时候用到的，作为记录记载下来。

MenuItemToggle可以实现按钮的开关两种状态，类似”ON”->”OFF”.

图片自己做的，丑

void SettingScene::addMenuItems(){
    auto size=Director::getInstance()->getWinSize();

    /*添加返回按钮*/
    auto backMenuItem=MenuItemImage::create(
        "SettingSceneImages/backMenuItem_1.png",
        "SettingSceneImages/backMenuItem_2.png",
        CC_CALLBACK_1(SettingScene::menuBackCallback,this));
    backMenuItem->setPosition(Point(size.width-backMenuItem->getContentSize().width/2,backMenuItem->getContentSize().height/2));
    this->addChild(backMenuItem,1);

    auto startWidth=backMenuItem->getContentSize().width+80; //起始横坐标（左上方第一个) 
    auto startHeight=size.height-backMenuItem->getContentSize().height/2-20; //起始纵坐标

    /*添加"打开\关闭音乐"按钮*/
    _openMusicItem=MenuItemImage::create(
        "SettingSceneImages/openMusicItem_1.png",
        "SettingSceneImages/openMusicItem_2.png"
        );
    _closeMusicItem=MenuItemImage::create(
        "SettingSceneImages/closeMusicItem_1.png",
        "SettingSceneImages/closeMusicItem_2.png");
    //组合按钮
    auto setMusicMenuToggle=MenuItemToggle::createWithCallback(CC_CALLBACK_1(SettingScene::menuSetMusicCallback,this),
                                                    _openMusicItem,_closeMusicItem,NULL);
    setMusicMenuToggle->setPosition(Point(startWidth,startHeight));


    /*添加“打开|关闭音效”按钮*/
    _openEffectItem=MenuItemImage::create(
        "SettingSceneImages/openEffectItem_1.png",
        "SettingSceneImages/openEffectItem_2.png");
    _closeEffectItem=MenuItemImage::create(
        "SettingSceneImages/openEffectItem_1.png",
        "SettingSceneImages/openEffectItem_2.png");

    //组合按钮
    auto setEffectMenuToggle=MenuItemToggle::createWithCallback(CC_CALLBACK_1(SettingScene::menuSetEffectCallback,this),
                                                                _openEffectItem,_closeEffectItem,NULL);
    setEffectMenuToggle->setPosition(Point(300,400));


    /*添加“打开|关闭血条”按钮*/
    _openHpBarItem=MenuItemImage::create(
        "SettingSceneImages/openHpBarItem_1.png",
        "SettingSceneImages/openHpBarItem_2.png");
    _closeHpBarItem=MenuItemImage::create(
        "SettingSceneImages/openHpBarItem_1.png",
        "SettingSceneImages/openHpBarItem_2.png");
    //组合按钮
    auto setHpBarMenuToggle=MenuItemToggle::createWithCallback(CC_CALLBACK_1(SettingScene::menuSetHpBarCallback,this),
                                                                _openHpBarItem,_closeHpBarItem,NULL);
    setHpBarMenuToggle->setPosition(Point(0,0));

    //总菜单
        auto menu=Menu::create(setMusicMenuToggle,setEffectMenuToggle,setHpBarMenuToggle,NULL);
        menu->setPosition(Point(0,0));
        this->addChild(menu,1);

}

首先，创建两个 MenuItemImage ,然后把他们都添加到了 MenuItemToggle 里面。这个类会管理当前应该显示的菜单项，同时会在开关元素之间进行一些切换。

注意，当创建 MenuItemImage 的时候，最好不设置回调函数（也可以把回调函数设置成了NULL），而是为 MenuItemToggle 类设置了回调函数。这样当 MenuItemImage 在 MenuItemToggle 中的时候，在 MenuItemImage 上的任何 selector 都不会被调用，而只有 MenuItemToggle的selector会被调用。当然，我们可以很容易地在回调函数里面区分，到底哪个菜单项是可见的。

也就是在MenuItemToggle这一层抽象层上，编写回调函数的时候不需要考虑下一层的具体，而是只是完成它的回调函数。

特别注意,坐标设置

我们在创建MenuItemImage项的时候不用设置坐标，而是指定MenuItemToggle的坐标。然后把Toggle添加到Menu里，这里有一个设置坐标的细节。
为了设置坐标方便，一般把Menu坐标设置为Point::ZERO,这样在向Menu添加菜单项的时候菜单项（MenuItemxxx)就可以直接写相对于实际屏幕的坐标了.