本系列学习教程使用的是cocos2d-x-2.1.4(最新版为3.0alpha0-pre) ,PC开发环境Windows7,C++开发环境VS2010   

一、菜单项(CCMenuItem

菜单项CCMenuItem是一个基类,它的子类可以加入CCMenu中形成菜单。CCMenu类的继承关系如下图所示。

CCMenuItem类是所有按钮的基类。建议大家不要直接使用该类,因为它并不包含具体显示的功能。其作为所有

按钮对象的父类,主要提供了下面的两个功能。

<1> 提供了基本按钮的状态:正常、选中和无效。

<2> 为按钮对象实现了基本的回调函数机制。当按钮对象被玩家点击按下后,通常需要执行一个动作,比如进入游戏

或者打开子菜单。此时会调用一个函数来执行游戏内的逻辑,这个函数就是按钮对象的回调函数。我们要通过编码来

实现回调函数的内容。

二、标签菜单项

1、使用字体定义的菜单项,包括CCMenuItemAtlasFont和CCMenuItemFont两种定义菜单项字体的方式。其中

CCMenuItemFont是通过设定字体名称来设置字体的,这个字体是系统自带的。见如下代码所示。

CCMenuItemFont的使用:

		CCMenuItemFont::setFontSize(30);
CCMenuItemFont::setFontName("American Typewriter");
CCMenuItemFont *item4 = CCMenuItemFont::create("I toggle enable items", this, menu_selector(MenuLayerMainMenu::menuCallbackEnable) );

首先设置字号字体,支持的字体包括Courier New、Market Felt和Arial等,第一个参数是文字内容,第二个参数

是执行回调函数的目标类,第三个参数是回调函数的名称传入选择器中,当按钮被按下的时候将调用这个回调函数。

2、CCMenuItemAtlasFont则是通过字体配置PNG文件的CCLabelAtlas或者是FNT类型文件的CCLabelBMFont,

即可配置文件所对应的图片,用法见如下代码所示。

CCMenuItemAtlasFont的使用:

		CCLabelAtlas* labelAtlas = CCLabelAtlas::create("0123456789", "fonts/labelatlas.png", 16, 24, '.');
CCMenuItemLabel* item3 = CCMenuItemLabel::create(labelAtlas, this, menu_selector(MenuLayerMainMenu::menuCallbackDisabled) ); CCLabelBMFont* label = CCLabelBMFont::create("configuration", "fonts/bitmapFontTest3.fnt");
CCMenuItemLabel* item5 = CCMenuItemLabel::create(label, this, menu_selector(MenuLayerMainMenu::menuCallbackConfig));

创建函数的第一个参数是文字渲染类CCLabelAtlas或CCLabelBMFont,第二个参数是执行回调函数的目标类,

第三个参数是回调函数的名称传入选择器中,当按钮被按下的时候将调用这个回调函数。

三、精灵菜单项

菜单精灵项CCMenuItemSprite,顾名思义是一个由精灵对象组成的菜单按钮。此类的内部属性,提供了三个精灵

对象,分别表示了按钮的三个状态。这就是正常、选中和无效。换句话来说,此按钮对象中三个按钮的状态,将会以

三个精灵对象的方式来表现。这就丰富了按钮对象的表现方式,给予了我们开发者更大的自由。精灵对象是引擎中最

为丰富和自由的元素。因此类CCMenuItemSprite,算得上是将精灵与按钮功能的结合体。

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) );

首先定义精灵类对象,然后定义精灵菜单项CCMenuItemSprite,前三个参数分别是普通状态下的按钮、选中状态

下的按钮、无效状态下的按钮,后两个参数是执行回调函数的目标类和回调函数的名称传入选择器中。

CCMenuItemSprite的子类图片菜单项CCMenuItemImage,使用见如下所示代码。

 CCMenuItemImage *pCloseItem = CCMenuItemImage::create(
"CloseNormal.png",
"CloseSelected.png",
this,
menu_selector(HelloWorld::menuCloseCallback));

CCMenuItemImage和CCMenuItemSprite的区别是图片菜单项直接以图片的路径定义。

四、触发器菜单项

触发器菜单项CCMenuItemToggle类算是比较特殊的。它在内部拥有一个MenuItem数组,用来负责展示不同的按

钮状态,因为使用了一个菜单按钮的数组,所以此类的对象可以实现状态的切换。

CCMenuItemToggle的使用:

  CCMenuItemToggle* item1 = CCMenuItemToggle::createWithTarget(this,
menu_selector(MenuLayer4::menuCallback),
CCMenuItemFont::create( "On" ),
CCMenuItemFont::create( "Off"),
NULL );

它的前两个参数是执行回调函数的目标类和回调函数的名称传入选择器中,后面可以传入菜单项,以NULL结尾,

这样在按下菜单项时,除了调用函数,还会在这些菜单项中切换,适合做游戏音乐开关等。

五、实例:菜单项的使用

1、首先新建Cocos2D-X项目,在HelloWorldScene.h文件中添加一个成员函数如下所示代码。

void menuFun(CCObject* pSender);

此函数用来响应菜单按下的操作来回调方法。

2、然后在HelloWorldScene.cpp文件的init函数中修改如下所示代码。

bool HelloWorld::init()
{
bool bRet = false;
do
{
//////////////////////////////////////////////////////////////////////////
// super init first
////////////////////////////////////////////////////////////////////////// CC_BREAK_IF(! CCLayer::init()); //----CCMenuItemFont
CCMenuItemFont* itemFont = CCMenuItemFont::create("StartGame",this,menu_selector(HelloWorld::menuFun));
itemFont->setPosition(ccp(-120,80)); //----CCMenuItemImage
CCMenuItemImage* imageItem = CCMenuItemImage::create("CloseNormal.png","CLoseSelected.png",this,menu_selector(HelloWorld::menuFun));
imageItem->setPosition(ccp(-20,80)); //----CCMenuItemLabel
CCLabelTTF * lableTTF = CCLabelTTF::create("BackMenu", "Helvetica", 20);
CCMenuItemLabel * labelItem =CCMenuItemLabel::create(lableTTF,this,menu_selector(HelloWorld::menuFun));
labelItem->setPosition(ccp(80,80)); //----CCMenuItemSprite
CCSprite* spNor = CCSprite::create("Icon.png");
spNor->setColor(ccc3(255, 255, 0 ));
CCSprite* spSelected =CCSprite::create("Icon.png");
CCMenuItemSprite* spriteItem = CCMenuItemSprite::create(spNor,spSelected, this,menu_selector(HelloWorld::menuFun));
spriteItem->setPosition(ccp(-80,-20)); //----CCMenuItemToggle
CCMenuItemFont * fontItem1 = CCMenuItemFont::create("MusicOpen");
CCMenuItemFont * fontItem2 = CCMenuItemFont::create("MusicClose");
CCMenuItemToggle* toggleItem = CCMenuItemToggle::createWithTarget(this,menu_selector(HelloWorld::menuFun), fontItem1,fontItem2,NULL); CCMenu* menu = CCMenu::create(itemFont,imageItem,labelItem,spriteItem,toggleItem,NULL);
addChild(menu); bRet = true;
} while (0); return bRet;
}

3、最后再添加成员函数menuFun,因为是示例,所以函数中可以什么都不写。

void HelloWorld::menuFun(CCObject* pSender){

}

4、示例效果图。

源码下载地址

【Cocos2d-X开发学习笔记】第09期:渲染框架之菜单类(CCMenu)的使用的更多相关文章

  1. 蟒蛇书学习笔记——Chapter 09 Section 01 创建和使用类

    9.1 创建和使用类 9.1.1 创建Dog类   根据Dog类创建的每个实例都将存储名字和年龄,我们赋予了每条小狗蹲下(sit( ))和打滚(roll_over( ))的能力: class Dog: ...

  2. 【Cocos2d-X开发学习笔记】第05期:渲染框架之布景层类(CCLayer)的使用

    本系列学习教程使用的是cocos2d-x-2.1.4版本(截至目前为止最新稳定版) ,PC开发环境Windows7,C++开发环境VS2010 图层也是渲染框架中很重要的内容.场景类用来划分游戏的状态 ...

  3. 【前端】移动端Web开发学习笔记【2】 & flex布局

    上一篇:移动端Web开发学习笔记[1] meta标签 width设置的是layout viewport 的宽度 initial-scale=1.0 自带 width=device-width 最佳实践 ...

  4. 【前端】移动端Web开发学习笔记【1】

    下一篇:移动端Web开发学习笔记[2] Part 1: 两篇重要的博客 有两篇翻译过来的博客值得一看: 两个viewport的故事(第一部分) 两个viewport的故事(第二部分) 这两篇博客探讨了 ...

  5. 驱动开发学习笔记. 0.07 Uboot链接地址 加载地址 和 链接脚本地址

    驱动开发学习笔记. 0.07 Uboot链接地址 加载地址 和 链接脚本地址 最近重新看了乾龙_Heron的<ARM 上电启动及 Uboot 代码分析>(下简称<代码分析>) ...

  6. android开发学习笔记000

    使用书籍:<疯狂android讲义>——李刚著,2011年7月出版 虽然现在已2014,可我挑来跳去,还是以这本书开始我的android之旅吧. “疯狂源自梦想,技术成就辉煌.” 让我这个 ...

  7. 高性能Cordova App开发学习笔记

    高性能Cordova App开发学习笔记 文件结构 添加插件 构建准备 各个www的作用,prepare命令会将hello\www的内容会拷贝到platform下的wwww目录,知道该改哪里了吧?如果 ...

  8. Rest API 开发 学习笔记(转)

    Rest API 开发 学习笔记 概述 REST 从资源的角度来观察整个网络,分布在各处的资源由URI确定,而客户端的应用通过URI来获取资源的表示方式.获得这些表徵致使这些应用程序转变了其状态.随着 ...

  9. 步步为营 SharePoint 开发学习笔记系列总结

    转:http://www.cnblogs.com/springyangwc/archive/2011/08/03/2126763.html 概要 为时20多天的sharepoint开发学习笔记系列终于 ...

随机推荐

  1. git 日常使用

    git clone git checkout      git 删除 本地分支: git branch -d <本地分支名> git branch -D <本地分支名>(大写表 ...

  2. 武汉北大青鸟解读2016年10大IT热门岗位

    武汉北大青鸟解读2016年10大IT热门岗位 2016年1月5日 13:37 北大青鸟 这是IT从业者的辉煌时代,IT行业的失业率正处在历史的低点,而且有的岗位——例如网络和安全工程师以及软件开发人员 ...

  3. 第三部分 overlay 学习

    前文仅了解了overlay HAL的架构,下面继续看看系统层是如何调用Overlay模块. 1.测试代码 frameworks/base/libs/surfaceflinger/tests/overl ...

  4. bzoj1044

    好题 第一问不难,毕竟二分答案类的题目在USACO上都练了好多遍了 第二问充分的暴露了我dp渣的本性 一开始楞是没想出来 f[i,j]表示到第i根木棒切了j刀满足最长段小于等于ans的方案数 式子是这 ...

  5. bzoj1056: [HAOI2008]排名系统 && 1862: [Zjoi2006]GameZ游戏排名系统

    hash 加上 平衡树(名次树). 这道题麻烦的地方就在于输入的是一个名字,所以需要hash. 这个hash用的是向后探查避免冲突,如果用类似前向星的方式避免冲突,比较难写,容易挂掉,但也速度快些. ...

  6. Spring Autowire自动装配介绍

    在应用中,我们常常使用<ref>标签为JavaBean注入它依赖的对象.但是对于一个大型的系统,这个操作将会耗费我们大量的资源,我们不得不花费大量的时间和精力用于创建和维护系统中的< ...

  7. StrutsPrepareAndExecuteFilter的作用

    FilterDispatcher是早期struts2的过滤器,后期的都用StrutsPrepareAndExecuteFilter了,如 2.1.6.2.1.8.StrutsPrepareAndExe ...

  8. svn版本控制-windows篇

    一.准备工作 1.获取 Subversion 服务器程序(服务端) 到官方网站(http://subversion.tigris.org/)下载最新的服务器安装程序.目前最新的是1.5版本,具体下载地 ...

  9. Python脚本控制的WebDriver 常用操作 <二十一> 执行JS

    测试用例场景 如果你熟悉js的话,那么使用webdriver执行js就是一件很高效的事情了.在webdriver脚本中直接执行js的好处很多,这里就不一一枚举了. webdriver提供了execut ...

  10. Velocity - 单例还是非单例

    在Velocity1.2版本以后,开发者现在又两种选择来使用Velocity引擎,单例模型(singleton model)和单独实例模型(separate instance model).这是相同的 ...