[cocos2d-x]关于菜单项

来源:互联网 发布:阿里云客服报名入口 编辑:程序博客网 时间:2024/05/20 02:22

菜单项的分类

这里写图片描述
MenuItem:菜单项类,它是一个虚基类,因此必须实现它的子类,再把子类对象赋给父类指针。
MenuItemFont:字体菜单项。
MenuItemAtlasFont:字体菜单项,和第一个的区别在于,它是用字体配置文件来设置字体。
MenuItemImage:图片菜单项。
MenuItemLabel:标签菜单项。
MenuItemSprite:精灵菜单项
MenuItemToggle:开关菜单项。

菜单项的实现

1.MenuItemFont(字体菜单项)
方法1:
MenuItemFont::create(选项文字,触发目标对象,触发目标函数);
方法2:
MenuItemFont::create(选项文字);

2.MenuItemImage(图片菜单项)
方法1:
MenuItemImage::create(默认显示的图片,点击时显示的图片,触发目标对象,触发目标函数);

3.MenuItemLabel(文本菜单项)
方法1:
MenuItemLabel::create(CCLableTTF对象,触发目标对象,触发目标函数);

4.MenuItemSprite(精灵菜单项)
方法1:
MenuItemSprite::create(默认显示的精灵对象,选中时显示的精灵对象,触发目标对象,触发目标函数);

5.MenuItemToggle(开关菜单项)
方法1:
MenuItemToggle::createWithTarget(触发目标对象,触发目标函数,MenuItem对象的可变参数列表);

下面是具体实现:

//获取尺寸Size mysize=Director::sharedDirector()->getWinSize();//文字菜单项MenuItemFont * mymenu1=MenuItemFont::create("文字菜单1");mymenu1->setPosition(ccp(mysize.width/2,mysize.height-40));MenuItemFont * mymenu2=MenuItemFont::create("文字菜单2",this,menu_selector(Menu::menuCloseCallback));mymenu2->setPosition(ccp(mysize.width/2,mysize.height-80));//图片菜单项MenuItemImage * mymenu3 = MenuItemImage::create("CloseNormal.png","CloseSelected.png",this,menu_selector(Menu::menuCloseCallback));mymenu3->setPosition(ccp(mysize.width/2,mysize.height-120));//文本菜单项LabelTTF * ttf1=LabelTTF::create("文本菜单","Helvetica",24);MenuItemLabel * mymenu4=MenuItemLabel::create(ttf1,this,menu_selector(Menu::menuCloseCallback));mymenu4->setPosition(ccp(mysize.width/2,mysize.height-160));//精灵菜单项Sprite * mysprite1=Sprite::create("CloseSelected.png");Sprite * mysprite2=Sprite::create("CloseNormal.png");MenuItemSprite * mymenu5=MenuItemSprite::create(mysprite1,mysprite2,this,menu_selector(Menu::menuCloseCallback));mymenu5->setPosition(ccp(mysize.width/2,mysize.height-200));//开关菜单项MenuItemFont * font1=MenuItemFont::create("开");MenuItemFont * font2=MenuItemFont::create("关");MenuItemToggle * mymenu6=MenuItemToggle::createWithTarget(this,menu_selector(Menu::menuCloseCallback),font1,font2,NULL);mymenu6->setPosition(ccp(mysize.width/2,mysize.height-240));//创建菜单Menu* mymenu = Menu::create(mymenu1,mymenu2,mymenu3,mymenu4,mymenu5,mymenu6,NULL);mymenu->setPosition(CCPointZero);this->addChild(mymenu, 1);

菜单项的排列顺序

1.垂直排列:

menu->alignItemsVertically();menu->alignItemsVerticallyWithPadding(50);

2.水平排列:

menu->alignItemsHorizontally();带间隔的排列:menu->alignItemsHorizontallyWithPadding(30);//每两个菜单项之间间隔30

实例

auto closeItem = MenuItemImage::create(    "..\\Resources\\CloseNormal.png",    "..\\Resources\\CloseSelected.png",    CC_CALLBACK_1(HelloWorld::menuCloseCallback, this));closeItem->setPosition(Vec2(origin.x + visibleSize.width - closeItem->getContentSize().width / 2,    origin.y + closeItem->getContentSize().height / 2));// create menu, it's an autorelease objectauto menu = Menu::create(closeItem, NULL);menu->setPosition(Vec2::ZERO);addChild(menu, 1);// 创建一个MenuItemFont的MenuItemMenuItemFont::setFontSize(25);MenuItemFont::setFontName("Courier New");auto pMenuItem1 = MenuItemFont::create("MoveDown", CC_CALLBACK_1(HelloWorld::menuJellyThinkCallback, this));pMenuItem1->setPosition(Vec2(visibleSize.width / 2, visibleSize.height / 2 + 100));// 创建一个MenuItemAtlasFont的MenuItemauto pMenuItem2 = MenuItemAtlasFont::create("378", "..\\Resources\\number.png", 256, 256, '0');pMenuItem2->setPosition(Vec2(visibleSize.width / 2, visibleSize.height / 2 + 70));pMenuItem2->setScale(0.1);// 创建一个MenuItemToggle的MenuItemauto pMenuItem3 = MenuItemToggle::createWithCallback(CC_CALLBACK_1(HelloWorld::menuJellyThinkCallback, this), MenuItemFont::create("Toggle1"), MenuItemFont::create("Toggle2"), NULL);pMenuItem3->setPosition(Vec2(visibleSize.width / 2, visibleSize.height / 2 + 40));// 创建菜单对象,是存放菜单项的容器Menu* mn = Menu::create(pMenuItem1, pMenuItem2, pMenuItem3, NULL);// 注意:默认情况下,Menu是忽略锚点的this->ignoreAnchorPointForPosition(false);mn->setPosition(Vec2(visibleSize.width / 2, visibleSize.height / 2));addChild(mn);

效果:
这里写图片描述

以上文字和代码从下面几个博客中学习之后总结回来的精髓:
http://blog.csdn.net/jianpengxuexikaifa/article/details/36641677
http://www.cnblogs.com/ttss/p/4082950.html
http://www.jellythink.com/archives/764

原创粉丝点击