标签菜单项CCMenu、文字CCLabelTTF

5.4 菜单CCMenu、文字CCLabelTTF

CCMenu可以快速实现用户的交互功能，在Cocos2d-x中提供了标签菜单项、精灵菜单项、触发器菜单项，通过不同的菜单项实现菜单的不同效果。

1.CCMenu是由菜单项CCMenuItem (或其子类如CCMenuItemImage)组成的，通常先创建菜单项，然后使用1个或多个菜单项共同来生成一个菜单

2.菜单项的位置是相对于菜单的偏移位置，默认情况下菜单的位置在屏幕中点，方向为x向右，y向上（跟主窗口方向一样），菜单项默认偏移为（0,0），即不偏移

 pMenu->setPosition( CCPointZero );
 pCloseItem->setPosition(CCPointMake( s.width - 30, s.height - 30));

上述代码把菜单原点设置在（0,0），即屏幕原点，菜单项相对菜单偏移到屏幕右上角向下30，向左30

3.CCMenuItem三个子类：

• CCMenuItemImage：图片按钮菜单项，通过指定图片资源来创建菜单项
• CCMenuItemLabel：文本菜按钮单项，通过指定文本标签（ 实现CCLabelProtocol接口的类，如CCLabelTTF）来创建菜单项
• CCMenuItemToggle ：开关按钮菜单项,这种类型的按钮一次只有一个菜单项显示出来，当你单击它的时候，它就会切换到另外一个菜单项。

它的create函数：CCMenuItemToggle * CCMenuItemToggle::create(CCObject* target, SEL_MenuHandler selector, CCMenuItem* item, ...)可见它是可以加入多个菜单项的，这些菜单项按顺序在上一个菜单项点击后出现下一个菜单项，典型的的应用场景是播放器的播放/暂停按钮。它跟CCMenuItemImage不一样，CCMenuItemImage只能指定两者图片，并且不是点击后变成另一张，而是按下的时候变一下而已

4.CCMenuItem的点击响应回调函数一般是一个CCMenu的所有菜单项共用的，在回调函数里面可以得到点击的是哪个菜单项（可以把每个菜单项的ZOrder设成不一样，然后在回调函数里判断当前点击菜单项的ZOrder值）

5.4.1 标签菜单项是使用字体定义的菜单项，包括CCMenuItemFont和CCMenuItemAtlasFont两种定义菜单项字体的方式，其中CCMenuItemFont通过设置字体名称来实现，在游戏项目中，帮助信息、关于信息、角色对话等都需要显示文字到场景，在文字显示时也有系统字体文字显示方式、图片文字显示方式、精灵图片渲染方式等，这些文字都实现了CCLabelProtocol协议。代码如下：

    
CCMenuItemFont *item4 = CCMenuItemFont::create("Menu01",   
    this, menu_selector(MenuLayerMainMenu::menuCallbackEnable) );  
       item4->setFontSizeObj(20); //设置字号  
       item4->setFontName("Marker Felt");//设置字体  

CCMenuItemAtlasFont是通过字体的PNG文件来设置文字内容和显示方式，代码如下：

 
    CCLabelAtlas* labelAtlas = CCLabelAtlas::create("0123456789",   
    fonts/labelatlas.png", 16, 24, '.');  
    CCMenuItemLabel* item3 = CCMenuItemLabel::create(labelAtlas,   
    his, menu_selector(MenuLayerMainMenu::menuCallbackDisabled) );  
    item3->setDisabledColor( ccc3(32,32,64) );  
    CLabelBMFont* label = CCLabelBMFont::create("configuration",   
            "fonts/bitmapFontTest3.fnt");  
    CMenuItemLabel* item5 = CCMenuItemLabel::create(label,   
         this, menu_selector(MenuLayerMainMenu::menuCallbackConfig));  
    tem5->setScale( 0.8f );  

5.4.2 精灵菜单项

CCMenuItemSprite可以封装图片作为菜单不同状态显示的内容，代码如下：

    CCSprite* spriteNormal = CCSprite::create(s_MenuItem,   
    CCRectMake(0,23*2,115,23));  
        CCSprite* spriteSelected = CCSprite::create(s_MenuItem,   
    CCRectMake(0,23*1,115,23));  
        CCSprite* spriteDisabled = CCSprite::create(s_MenuItem,  
     CCRectMake(0,23*0,115,23));  
        CCMenuItemSprite* item1 = CCMenuItemSprite::create(spriteNormal,   
    spriteSelected, spriteDisabled, this,   
    menu_selector(MenuLayerMainMenu::menuCallback) );  

以上代码实现了在缺省状态、用户选中菜单、用户未选中菜单状态显示不同的图片内容，而这几种不同状态的图片内容是精灵的一个区域。

http://www.cocos2d-x.org/reference/native-cpp/V2.2.1/d3/ddc/classcocos2d_1_1_c_c_menu_item.html