Cocos2dx的菜单在《【Cocos2dx】用当前游戏状态作为暂停背景、纯文字纯图片按钮与不间断的重复动作序列》(点击打开链接)中开发按钮的时候,已经使用过了。只是当时使用菜单的时候,只在菜单中添加了一个菜单子项,看起来仅仅是一个按钮的效果,无法体会到Cocos2dx的菜单是什么使用的。
其实Cocos2dx的菜单使用依次简单。
比如如下例子:
这是在手游中非常常见的菜单。为了测试各个按钮的响应,还在这个菜单上方定义一个文本,点击不同的菜单子项则会将此文本改变成相应的函数。
使用CCMenuItemLabel或者CCMenuItemImage加上CCMenu去实现即可。
首先在HelloWorldScene.h做如下的声明:
#include "cocos2d.h"
USING_NS_CC;//一旦在头文件声明用到了CC,就必须有这句
class HelloWorld:public cocos2d::CCLayer
{
public:
virtual bool init();
static cocos2d::CCScene* scene();
CREATE_FUNC(HelloWorld);
private:
CCLabelTTF *label;//点击响应文字
//菜单子项文字
CCLabelTTF *label1;
CCLabelTTF *label2;
CCLabelTTF *label3;
//各个按钮的响应事件
void button1_onclick(CCObject* pSender);
void button2_onclick(CCObject* pSender);
void button3_onclick(CCObject* pSender);
};
之后,在HelloWorldScene.cpp的核心代码如下:
#include "HelloWorldScene.h"
CCScene* HelloWorld::scene()
{
CCScene *scene = CCScene::create();
HelloWorld *layer = HelloWorld::create();
scene->addChild(layer);
return scene;
}
bool HelloWorld::init()
{
CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();//获取尺寸
//各个菜单子项
label1=CCLabelTTF::create("button1", "Arial", 24);
CCMenuItemLabel *menu_item_label1=CCMenuItemLabel::create(label1,this,menu_selector(HelloWorld::button1_onclick));
label2=CCLabelTTF::create("button2", "Arial", 24);
CCMenuItemLabel *menu_item_label2=CCMenuItemLabel::create(label2,this,menu_selector(HelloWorld::button2_onclick));
label3=CCLabelTTF::create("button3", "Arial", 24);
CCMenuItemLabel *menu_item_label3=CCMenuItemLabel::create(label3,this,menu_selector(HelloWorld::button3_onclick));
int heightItem=menu_item_label1->getContentSize().height;//求菜单子项的高度
//设置所有菜单子项的坐标(相对于CCMenu的相对坐标)
menu_item_label1->setPosition(ccp(0, 0));
menu_item_label2->setPosition(ccp(0, -heightItem));
menu_item_label3->setPosition(ccp(0, -heightItem*2));
CCMenu* menu1=CCMenu::create(menu_item_label1,menu_item_label2,menu_item_label3,NULL);//将各个菜单子项加到菜单上面去
menu1->setPosition(ccp(visibleSize.width/2,visibleSize.height/2));//菜单的定位
this->addChild(menu1);
label=CCLabelTTF::create("0", "Arial", 24);//设定相应文本的位置
label->setPosition(ccp(visibleSize.width/2,visibleSize.height/2+heightItem));//放在菜单的上方
this->addChild(label);
return true;
}
//各个菜单子项的回调函数
void HelloWorld::button1_onclick(CCObject* pSender){
label->setString("1");
}
void HelloWorld::button2_onclick(CCObject* pSender){
label->setString("2");
}
void HelloWorld::button3_onclick(CCObject* pSender){
label->setString("3");
}
可能各位看完上面的代码,对菜单子项的布局与菜单的关系有点困惑,具体,关于菜单子项CCMenuItemLabel的setPosition是相对于菜单的位置而言的,是这个菜单子项对于菜单偏离多少位置,而不是这个菜单子项在场景的绝对位置。