菜单中包含菜单项,菜单项类是MenuItem,每个菜单项都有三个基本状态:正常、选中和禁止。下面是Menuitem的类图
菜单项中除MenuItemToggle之外大同小异,下面使用图片菜单项或精灵菜单项实现Button
------------------------------------------------------------------------------Button
void HelloWorld::addMenu_Button()
{
//
auto normalSprite = Sprite::create("button/game_start.png"); //不同情况下显示
auto selectedSprite = Sprite::create("button/game_start2.png"); //选中情况下显示
auto disabledSprite = Sprite::create("button/game_start2.png"); //禁用情况下显示
auto menuitem = MenuItemSprite::create(normalSprite, selectedSprite, disabledSprite, CC_CALLBACK_1(HelloWorld::MenuItemCallBack,this)); //使用精灵创建菜单项
//auto menuitem = MenuItemImage::create();//可以使用图片创建,具体可以看cocos2dx官方API
menuitem->setEnabled(true); //设置启用或禁用菜单项
menuitem->setPosition(300, 300);
Menu* menu = Menu::create(menuitem,NULL); //创建一个菜单,并把之前的菜单项添加进去
this->addChild(menu, 1);
}
void HelloWorld::MenuItemCallBack(Ref* pSender)
{
MenuItem* menuitem = (MenuItem*)pSender;
log("MenuItem is %p", menuitem);
}
------------------------------------------------------------------------------CheckButton
下面是使用 MenuItemToggle实现复选框,因为MenuItemToggle是一种可以进行两种状态切换的菜单项, 所以能实现复选框的选中和未选中状态。
MenuItemToggle菜单项是由其它菜单项创建的,所以开关菜单项显示的也是菜单项
//用开关菜单项实现CheckButton
void HelloWorld::addMenu_CheckButton()
{
auto menuitem_on = MenuItemImage::create("button/checkbox_selectedSkin.png", "button/checkbox_selectedSkin.png"); //创建打开菜单项
auto menuitem_off = MenuItemImage::create("button/checkbox_upSkin.png", "button/checkbox_upSkin.png"); //创建关闭菜单项
auto menuitem = MenuItemToggle::createWithCallback(CC_CALLBACK_1(HelloWorld::MenuItemToggleCallBack,this), menuitem_on, menuitem_off,NULL);//使用菜单项创建开关菜单项
menuitem->setPosition(Vec2(50, 50));
Menu* menu = Menu::create(menuitem, NULL); //创建一个菜单,并把之前的菜单项添加进去
menu->setPosition(0, 0);
this->addChild(menu, 1);
}
void HelloWorld::MenuItemToggleCallBack(Ref* pSender)
{
MenuItemToggle* menuitem = (MenuItemToggle*)pSender;
log("MenuItem is %p", menuitem);
}
看到这里大家都会觉得我们直接用cocos-2dx的基本类就行了,什么Label,Menu都能实现。但是当你做一个内容比较多的游戏的时候,你会发现UI控件能很好的帮你实现很多效果