1.cocos2dx之Menu(CCMenuItemFont,CCMenuItemImage,CCMenuItemLabel,CCMenuItemSprite,CCMenuItemToggle)



CCMenu

  1. 基本结构

    CCMenu继承自CCLayer,本质是一个容器。需要被addChild到父类中去。

    CCMenuItem是菜单项，它有如下子类：

CCMenuItemFont;CCMenuItemImage;CCMenuItemLabel;CCMenuItemSprite;CCMenuItemToggle;

是真正的需要实例化的菜单项。需要addChild到CCMenu对象中去。

示例：

CCMenuItem * item = CCMenuItemFont::create(“Start”);

//这里的this表示的是调用者

Item->setTarget(this,menu_selector(MYMenu::menuCallBack));

CCMenu * menu = CCMenu::create();

menu->addChild(item);

addChild(menu);

  1. CCMenuItem

A 
CCMenuItemFont

CCMenuItem * font = CCMenuItemFont::create(“Start”,this,menu_selector(MYMenu::menuCallBack));

CCMenu * menu = CCMenu::create();

menu->addChild(item);

addChild(menu);

第一个参数为标签要显示的文字，第二个参数表示回调函数的调用者，第三个参数表示回调函数。

关于回调

typedef void (CCObject::*SEL_MenuHandler)(CCObject *);

#define menu_selector(_SELECTOR)(SEL_MenuHandler)(&_SELECTOR)

 

B 
CCMenu的坐标系统研究

fontItem->setPosition(ccp(winSize.width – 50,30));

menu->setPosition(CCPointZero);

CCLog("fontItem = %g %g", fontItem->getPositionX(),fontItem->getPositionY());

CCLog("menu = %g, %g,width %g,height = %g",menu->getPositionX(),menu->getPositionY(),

menu->getContentSize().width,menu->getContentSize().height);

 

C CCMenuItemImage

CCMenuItem *imageItem = CCMenuItemImage::create(“CloseNormal.png”,”CloseSelected.png”);

imageItem->setTarget(this,menu_selector(Menu::menuCallBack));

第1个参数为末点击是显示的图片，第二个参数为点击后显示的图片，最后参数可以放到setTarget中，意义同上。

D 
CCMenuItemLabel

CCLabelBMFont *bm = CCLabelBMFont::create("bmFontLabelMenu",

"fonts/bitmapFontTest.fnt");

CCMenuItem * labelItem = CCMenuItemLabel::create(bm, this,menu_selector(MYMenu::menuCallBack));

menu->addChild(labelItem);

   
第一个参数为一个label，最后两个参数同上。

E 
CCMenuItemSprite

CCSprite * normal = CCSprite::create(“gonormal.png”);

CCSprite * selected = CCSprite::create(“goselected.png”);

CCMenuItemSprite * spriteItem = CCMenuItemSprite::create(normal,selected,this,menu_selector(MYMenu::menuCallBack));

menu->addChild(spriteItem);

第一个参数和第二个参数为CCSprite后面的参数，同上。

  1. CCMenuItemToggle

CCMenuItem *t1 = CCMenuItemFont::create("ON");

CCMenuItem *t2 = CCMenuItemFont::create("OFF");

CCMenuItem *t3 = CCMenuItemFont::create("10%");

CCMenuItem *t4 = CCMenuItemFont::create("50%");

CCMenuItemToggle * toggle =

CCMenuItemToggle::createWithTarget(this,

menu_selector(T11Menu::menuCallBack), t1, t2, t3, t4, NULL);

menu->addChild(toggle);

  
第一个和第二个参数为回调函数调用者和回调函数，后面的参数为CCMenuItem.可以实现变化的菜单。

  1. 如何判断哪个菜单被点

打Tag

CCArray * array = menu->getChildren();

CCObject * obj;

int i = 0;

CCARRAY_FOREACH(array, obj)

{

CCMenuItem * item = (CCMenuItem *)obj;

item->setTag(i + 1000);

i++;

}

找Tag

CCMenuItem * item = (CCMenuItem *)obj;

Switch (item->getTag() - 1000) {

Case FONT1:

   
CCLog(“CCMenuItemFont”);

   
break;

case FONT2:

   
break;

case IMAGE:

   
break;

case BM:

   
break;

case SPRITE:

   
break;

case TOGGLE:

{

   
int index = ((CCMenuItemToggle *)item)->getSelectedIndex();

   
CCLog(“index = %d”,index);

}

break;

}

  1. 案例说明：

MYMenu.h

#ifndef
__MYMENU_H__

#define
__MYMENU_H__

#include
"cocos2d.h"

USING_NS_CC;

 

class
MYMenu :
public
CCLayer {

public:

   
CREATE_FUNC(MYMenu);

   
bool
init();

   
static
CCScene *
scene();

   
void
menuCallBack(CCObject
* obj);

 

   
enum
MENU

   
{

       
FONT1,
FONT2,
IMAGE,
LABELLABEL,
SPRITE,
TOGGLE

   
};

 

   
CCMenu *
menu;

};

 

#endif

 

MYMenu.cpp

#include
"MYMenu.h"

#include
"AppMacros.h"

 

CCScene *
MYMenu::scene()

{

   
CCScene *
scene =
CCScene::create();

   
MYMenu *
layer =
MYMenu::create();

   
scene->addChild(layer);

   
return
scene;

}

 

//五种菜单

#if 0

CCMenuItemFont;

CCMenuItemImage;

CCMenuItemLabel;

CCMenuItemSprite;

CCMenuItemToggle;

#endif

 

bool
MYMenu::init()

{

   
CCLayer::init();

 

   
//第1步：创建一个菜单

   
menu =
CCMenu::create();

 

   
//第2步：创建菜单项

   
//可以将下面的两行合并

   
CCMenuItem *
fontItem =
CCMenuItemFont::create("fontmenu");

   
fontItem->setTarget(this,
menu_selector(MYMenu::menuCallBack));

 

   
//显示menuItem在界面中的显示条项

   
CCLog("first
Item :x = %g y = %g",
fontItem->getPositionX(),
fontItem->getPositionY());

   
CCLog("first
Item Anchor x = %g,y = %g",
fontItem->getAnchorPoint().x,
fontItem->getAnchorPoint().y);

   
CCLog("first
Item ContentSize width %g hight %g",

       
fontItem->getContentSize().width,fontItem->getContentSize().height);

 

   
//创建第二个Menu条项

   
CCMenuItem *
fontItem2 =
CCMenuItemFont::create("fontmenu2");

   
fontItem2->setTarget(this,
menu_selector(MYMenu::menuCallBack));

 

   
//设置Menu在界面中的显示状态

   
//menu->alignItemsVerticallyWithPadding(40);

 

   
//显示menu在界面中的显示特征

   
CCLog("---------------------------------------------");

   
CCLog("Menu:x
= %g,y = %g",
menu->getPositionX(),
menu->getPositionY());

   
CCLog("Menu
Anchor x = %g y = %g",
menu->getAnchorPoint().x,
menu->getAnchorPoint().y);

   
CCLog("Menu
ContentSize width %g high %g",

       
menu->getContentSize().width,

       
menu->getContentSize().height);

 

   
//第2步：创建CCMenuItemImage类型的菜单项

   
CCMenuItem *imageItem
= CCMenuItemImage::create("CloseNormal.png","CloseSelected.png");

   
imageItem->setTarget(this,
menu_selector(MYMenu::menuCallBack));

 

   
//第2步：创建CCLabelBMFont类型的菜单项

   
CCLabelBMFont *
bm =
CCLabelBMFont::create("bmMenu",
"fonts/bitmapFontTest.fnt");

   
CCMenuItem *labelItem
= CCMenuItemLabel::create(bm);

   
labelItem->setTarget(this,menu_selector(MYMenu::menuCallBack));

 

   
//第2步：创建CCSprite类型的菜单项

   
CCSprite *nor
= CCSprite::create("btn_go_1.png");

   
CCSprite *sel
= CCSprite::create("btn_go_0.png");

   
CCMenuItem *
sprItem =
CCMenuItemSprite::create(nor,sel);

   
sprItem->setTarget(this,
menu_selector(MYMenu::menuCallBack));

 

   
//第2步：创建CCMenuItemToggle类型的菜单项

   
CCMenuItem *
t1 =
CCMenuItemFont::create("ON");

   
CCMenuItem *
t2 =
CCMenuItemFont::create("OFF");

   
CCMenuItem *
t3 =
CCMenuItemFont::create("10%");

   
CCMenuItem *
t4 =
CCMenuItemFont::create("%50%");

   
CCMenuItem *
toggle =
CCMenuItemToggle::createWithTarget(this,

       
                                                    
menu_selector(MYMenu::menuCallBack),

                                                           
 t1,t2,t3,t4,NULL);

 

   
//第3步：将菜单项添加到菜单中去

   
menu->addChild(fontItem);

   
menu->addChild(fontItem2);

   
menu->addChild(imageItem);

   
menu->addChild(labelItem);

   
menu->addChild(sprItem);

   
menu->addChild(toggle);

   
this->addChild(menu);

   

   
//第4步：设置菜单项的显示方式，让菜单项垂直显示

   
menu->alignItemsVertically();

 

   
//CCMenu类有一个getChildren()方法可以得到菜单项

   
CCArray * array =
menu->getChildren();

   
CCObject *
obj;

   
int
i = 0;

   
CCARRAY_FOREACH(array,
obj)

   
{

       
CCMenuItem *item
= (CCMenuItem *)obj;

       
item->setTag(i
+ 100);

       
i++;

   
}

 

   
/*

   
for (int i = 0; i < array->count();++i)

   
{

       
CCMenuItem *item = (CCMenuItem *)array->objectAtIndex(i);

       
item->setTag(i);

   
}

   
*/

 

   
return
true;

}

 

//回调函数

void
MYMenu::menuCallBack(CCObject
* obj)

{

   
CCMenuItem *
item = (CCMenuItem
*)obj;

   
switch (item->getTag()
- 1000)

   
{

   
case
FONT1:

       
CCLog("font
menu call ");

       
break;

   
case
FONT2:

       
break;

   
case
IMAGE:

       
break;

   
case
LABELLABEL:

       
break;

   
case
TOGGLE:

       
int
idx = ((CCMenuItemToggle
*)item)->getSelectedIndex();

       
CCLog("index
= %d",
idx);

       
break;

   
}

}

运行结果：

 

时间： 2024-10-04 00:52:04

1.cocos2dx之Menu(CCMenuItemFont,CCMenuItemImage,CCMenuItemLabel,CCMenuItemSprite,CCMenuItemToggle)的相关文章

3.cocos2dx之Menu，通过menu来实现场景的切换

 1 头文件 TMenu.h #ifndef __TMENU_H__ #define __TMENU_H__   #include "cocos2d.h" USING_NS_CC;   class TMenu :public CCLayer { public:     static CCScene * scene();     CREATE_FUNC(TMenu);     bool init();       CCMenu * menu;       void menuCallb

Learning Cocos2d-x for WP8（5）——详解Menu菜单

原文:Learning Cocos2d-x for WP8(5)--详解Menu菜单 C#(wp7)兄弟篇Learning Cocos2d-x for XNA(5)--详解Menu菜单 菜单是游戏必不可少的元素,菜单的实现,无非就是文字或者图片. CCLabel元素更多的时候是实现说明的作用,用于导航性的菜单,更多时候是用CCMenu. 主要的几个Menu相关的元素的继承关系. 工程文件:MenuTest.h和MenuTest.cpp CCMenuItemFont 核心语句 1 //CCMenu

【IOS-COCOS2D-X 游戏开发之十五】COCOS2DX中响应ANDROID的BACK(返回)与MENU(小房子)事件&amp;&amp;COCOS2DX自动释放粒子内存函数！

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/iphone-cocos2dx/792.html 本篇介绍两个常用知识,一个是粒子的自动释放机制函数,因为不少童鞋说cocos2dx为什么没有? 其实是没找到,这里特意拿出来说下!另外一个是如何响应Android的Menu菜单和Back返回事件的方法: 首先对于Cocos2dx中对于粒子自动释放的函数Himi这里给出,不少童鞋都在群里或者论坛

Cocos2D-X入门（16）几种常用的 CCMenuItem、自定义Button

几种常用的菜单项: //字体菜单项 CCMenuItemFont* itemFont = CCMenuItemFont::create("开始游戏", this, menu_selector(HelloWorld::onMenu)); //图片菜单项 CCMenuItemImage* itemImage = CCMenuItemImage::create("CloseNormal.png", "CloseSelected.png", this,

Cocos2d-x UI开发之菜单类使用实例_C 语言

菜单是我们在开发中经常用到的元素,cocos2d-x中的菜单基本上是分装了文本类和精灵类,代码注释有详细的说明,看代码吧!   bool HelloWorld::init() { bool bRet = false; do { CC_BREAK_IF(! CCLayer::init()); CCLabelTTF * ttf = CCLabelTTF::create("cocos2d","Arial",24); //没有设置坐标,默认放到CCMenu层的中间,第二个参

[cocos2d-x]躲蜘蛛游戏设计[进阶]

实现一个躲蜘蛛的游戏,具备以下效果: 1.玩家精灵在游戏的最下方. 2.蜘蛛精灵在游戏的最上方,并且从上往下掉落. 3.手动控制玩家精灵. 4.碰撞检测,如果玩家精灵碰到蜘蛛则重玩. 5.音效的设置. 6.Loading界面 7.暂停和开始的设计 效果图: 代码实现: 1.创建默认的HelloWorld项目,屏幕默认的是横屏的,如何设置屏幕为竖屏? 找到RootViewController.mm文件,修改相应的代码即可: // For ios6, use supportedInterfaceOr

《Cocos2D-x权威指南》——3.4　布景层类

3.4 布景层类 布景层类CCLayer是CCNode类的子类,并且在此基础上实现触屏事件代理(TouchEventsDelegate)协议,可以实现CCNode类的功能,并且可以处理输入,包括触屏和加速度传感器. 每个游戏场景中可以有很多层,每一层负责各自的任务,如专门负责显示地图的背景.专门负责显示敌人.专门负责机关和专门负责主角等:每一层上可以放置不同的元素,包括文本.精灵图片和菜单等.通过层与层之间的组合关系,就可以构成游戏显示的界面UI,游戏中等.当然为了看到每一层的东西,可把一些层设

Learning Cocos2d-x for WP8（2）——深入刨析Hello World

原文:Learning Cocos2d-x for WP8(2)--深入刨析Hello World cocos2d-x框架 在兄弟篇Learning Cocos2d-x for XNA(1)--小窥cocos2d-x框架中已有详细介绍cocos2d-x框架下的基本元素.可自行参考学习,概念的东西基本一样. HelloWorld HelloWorld程序虽然简单,但能测试程序是否能正确的运行,同时很能体现一个框架的整体结构. cocos2d-x中HelloWorld显示主要通过AppDelegat

cocos2dx中菜单响应回调的实现原理

前言:这几天在做cocos2dx上的跨平台的socket库,看来看去也只能用BSD去实现了.因为要接收服务器的推送消息,所以要做成异步处理.也参考了很多别人的文章,本来是想能有个轮子直接给我用的,看来还是得自己重复造下.目前的想法是封装一个业务层,内部包含一个socket封装,使用pthread起一个线程去select接收数据,当有数据到达时,调用业务层的函数处理数据.业务层注册有界面层的回调函数,然后预处理完毕后直接丢给对应的界面回调函数处理.但是中途编译上遇到了问题,当今天看了下cocos2