Cocos2d-x 在屏幕上渲染菜单并添加消息响应

来源:互联网 发布:阿里云资源短信包 编辑:程序博客网 时间:2024/04/27 18:28

转自:http://blog.csdn.net/zhy_cheng/article/details/8270508

上一讲介绍了渲染文字,这次介绍在屏幕上渲染菜单,还是先看看我做出的效果吧:

这个效果还不错吧。图片都是解压《捕鱼达人》,然后自己ps得到的。

首先将屏幕大小设置为480x320

[cpp] view plaincopyprint?
  1. eglView->setFrameSize(480, 320);//设置界面大小


[cpp] view plaincopyprint?
  1. CCSprite *spritebg=CCSprite::create("bg.jpg");//通过图片创建精灵
  2. CCSize size=CCDirector::sharedDirector()->getWinSize();//获取屏幕大小
  3. spritebg->setPosition(ccp(size.width/2,size.height/2));//将精灵的锚点设为屏幕的中间
  4. addChild(spritebg,0); //将精灵添加到最底层,作为背景


背景图片通过精灵来实现,效果如下

接着添加添加标题,和背景一样,不过要注意,添加在背景的上面

[cpp] view plaincopyprint?
  1. CCSprite *spritetile=CCSprite::create("tile.png");
  2. CCSize s=spritetile->getContentSize();
  3. spritetile->setPosition(ccp(size.width/2,size.height-s.height/2));
  4. addChild(spritetile,1);//添加到第二层


效果如下:

接下来

[cpp] view plaincopyprint?
  1. CCMenuItemImage *start=CCMenuItemImage::create("start1.png",//正常状态的图片
  2. "start2.png",//按下去时的图片
  3. this,
  4. menu_selector(HelloWorld::startGame));
  5. //当这个菜单项被按下的时候的回调函数,
  6. //该函数设置为这个类的成员函数,返回值为void
  7. //参数为CCObject*
  8. CCSize startSize=start->getContentSize();//获取该菜单项的大小
  9. CCMenuItemImage *select=CCMenuItemImage::create("select1.png",
  10. "select2.png",
  11. this,//回调函数所在的类 menu_selector(HelloWorld::selectGame));
  12. CCSize selectSize=select->getContentSize();
  13. start->setPosition(ccp(0,(size.height-s.height)/2));
  14. //设置该菜单项在菜单中的位置,
  15. //若不设置,则该菜单项的锚点与菜单的锚点相同
  16. select->setPosition(ccp(0,((size.height-s.height)/2-startSize.height/2)/2));
  17. CCMenu *menu=CCMenu::create(start,select,NULL);//创建菜单,并将两个菜单项传入
  18. menu->setPosition(ccp(size.width/2,0));//设置菜单的位置,若不设置则为屏幕的正中间
  19. addChild(menu,1);



这里创建两个菜单项,并加入到菜单中。回调函数先在头文件中声明,在源文件中实现

[cpp] view plaincopyprint?
  1. void HelloWorld::startGame(CCObject* pSender)
  2. {
  3. CCLog("startGame");
  4. }


CCLog();在输出打印字符串。现在的效果如下:

然后左边的两个也一样,这里就不多说了,最后把代码贴上来。

下面要说的是CCMenuToggle菜单,这个菜单点一下编成另外一个菜单

[cpp] view plaincopyprint?
  1. CCMenuItemFont *oon=CCMenuItemFont::create("on",this,menu_selector(HelloWorld::oonGame));
  2. //新建一个文字菜单
  3. CCMenuItemFont *ooff=CCMenuItemFont::create("off",this,menu_selector(HelloWorld::ooffGame));
  4. //再来一个
  5. CCMenuItemToggle *toggle=CCMenuItemToggle::itemWithTarget(this,//回调函数所在的类
  6. menu_selector(HelloWorld::toggleGame),//回调函数
  7. oon,ooff,NULL //添加的菜单
  8. );
  9. toggle->setPosition(ccp(50,0));
  10. CCMenuItemFont *Go=CCMenuItemFont::create("GO",this,menu_selector(HelloWorld::LetsGo));//这种菜单就不说了
  11. Go->setPosition(ccp(70,80));
  12. CCMenu *lastMenu=CCMenu::create(toggle,Go,NULL);
  13. lastMenu->setPosition(ccp(50,50));
  14. addChild(lastMenu,2);

这时候显示的是“on”

这时候显示的是“off”

注意:点击CCMenuItemToggle的时候,回调的函数是CCMenuItemToggle的回调函数。

最后当然是贴出代码,下面是init中的全部代码:

[cpp] view plaincopyprint?
  1. bool HelloWorld::init()
  2. {
  3. bool bRet = false;
  4. do
  5. {
  6. CC_BREAK_IF(! CCLayer::init());
  7. CCSprite *spritebg=CCSprite::create("bg.jpg");//通过图片创建精灵
  8. CCSize size=CCDirector::sharedDirector()->getWinSize();//获取屏幕大小
  9. spritebg->setPosition(ccp(size.width/2,size.height/2));//将精灵的锚点设为屏幕的中间
  10. addChild(spritebg,0); //将精灵添加到最底层,作为背景
  11. CCSprite *spritetile=CCSprite::create("tile.png");
  12. CCSize s=spritetile->getContentSize();
  13. spritetile->setPosition(ccp(size.width/2,size.height-s.height/2));
  14. addChild(spritetile,1);
  15. CCMenuItemImage *start=CCMenuItemImage::create("start1.png",//正常状态的图片
  16. "start2.png",//按下去时的图片
  17. this,//回调函数所在的类
  18. menu_selector(HelloWorld::startGame));
  19. //当这个菜单项被按下的时候的回调函数,
  20. //该函数设置为这个类的成员函数,返回值为void
  21. //参数为CCObject*
  22. CCSize startSize=start->getContentSize();//获取该菜单项的大小
  23. CCMenuItemImage *select=CCMenuItemImage::create("select1.png",
  24. "select2.png",
  25. this,
  26. menu_selector(HelloWorld::selectGame));
  27. CCSize selectSize=select->getContentSize();
  28. start->setPosition(ccp(0,(size.height-s.height)/2));
  29. //设置该菜单项在菜单中的位置,
  30. //若不设置,则该菜单项的锚点与菜单的锚点相同
  31. select->setPosition(ccp(0,((size.height-s.height)/2-startSize.height/2)/2));
  32. CCMenu *menu=CCMenu::create(start,select,NULL);//创建菜单,并将两个菜单项传入
  33. menu->setPosition(ccp(size.width/2,0));//设置菜单的位置,若不设置则为屏幕的正中间
  34. addChild(menu,1);
  35. CCMenuItemImage *question=CCMenuItemImage::create("wh1.png","wh2.png",
  36. this,menu_selector(HelloWorld::questionGame));
  37. CCSize qSize=question->getContentSize();
  38. question->setPosition(ccp(0,qSize.height+20));
  39. CCMenuItemImage *settings=CCMenuItemImage::create("sz1.png","sz2.png",
  40. this,menu_selector(HelloWorld::settingGame));
  41. CCMenu *m=CCMenu::create(question,settings,NULL);
  42. m->setPosition(ccp(qSize.width,qSize.height));
  43. addChild(m,1);
  44. CCMenuItemFont *oon=CCMenuItemFont::create("on",this,menu_selector(HelloWorld::oonGame));
  45. //新建一个文字菜单
  46. CCMenuItemFont *ooff=CCMenuItemFont::create("off",this,menu_selector(HelloWorld::ooffGame));
  47. //再来一个
  48. CCMenuItemToggle *toggle=CCMenuItemToggle::itemWithTarget(this,//回调函数所在的类
  49. menu_selector(HelloWorld::toggleGame),//回调函数
  50. oon,ooff,NULL //添加的菜单
  51. );
  52. toggle->setPosition(ccp(50,0));
  53. CCMenuItemFont *Go=CCMenuItemFont::create("GO",this,menu_selector(HelloWorld::LetsGo));
  54. Go->setPosition(ccp(70,80));
  55. CCMenu *lastMenu=CCMenu::create(toggle,Go,NULL);
  56. lastMenu->setPosition(ccp(50,50));
  57. addChild(lastMenu,2);
  58. bRet = true;
  59. } while (0);
  60. return bRet;
  61. }


下面是所有的回调函数:

[cpp] view plaincopyprint?
  1. void HelloWorld::startGame(CCObject* pSender)
  2. {
  3. CCLog("startGame");
  4. }
  5. void HelloWorld::selectGame(CCObject* pSender)
  6. {
  7. CCLog("selectGame");
  8. }
  9. void HelloWorld::settingGame(CCObject* pSender)
  10. {
  11. CCLog("settingGame");
  12. }
  13. void HelloWorld::questionGame(CCObject* pSender)
  14. {
  15. CCLog("questionGame");
  16. }
  17. void HelloWorld::oonGame(CCObject* pSender)
  18. {
  19. CCLog("oonGame");
  20. }
  21. void HelloWorld::ooffGame(CCObject* pSender)
  22. {
  23. CCLog("ooffGame");
  24. }
  25. void HelloWorld::toggleGame(CCObject* pSender)
  26. {
  27. CCLog("toggleGame");
  28. }
  29. void HelloWorld::LetsGo(CCObject* pSender)
  30. {
  31. CCLog("LetsGo");
  32. }


原创粉丝点击