cocos2D(八)---- CCMenu && CCMenuItem

游戏中常常会提供一些菜单项让用户開始游戏、暂停继续游戏、打开关闭音乐或者是返回到上一个界面。比方以下两张图中用红色线框标记的菜单项

   

我们能够使用CCMenu和CCMenuItem实现上述的菜单功能。CCMenu继承自CCLayer,仅仅能加入CCMenuItem为子节点。

一个CCMenuItem就能够表示一个菜单项。

CCMenuItem继承自CCNode。来看下它的继承结构

以下直接上代码

[java] view plaincopy
  1. // 第一个菜单项:CCMenuItemFont  
  2. // 设置文字大小  
  3. [CCMenuItemFont setFontSize:50];  
  4. CCMenuItemFont *item1 = [CCMenuItemFont itemFromString:@"文字菜单" block:^(id sender) {  
  5.     NSLog(@"点击了文字菜单");  
  6. }];  
  7. // 文字为黄色  
  8. item1.color = ccc3(2552550);  
  9.   
  10. // 第二个菜单项:CCMenuItemToggle  
  11. // 又一次设置字体和大小  
  12. [CCMenuItemFont setFontName:@"Courier New"];  
  13. [CCMenuItemFont setFontSize:40];  
  14. // on为青色  
  15. CCMenuItemFont *on = [CCMenuItemFont itemFromString:@"On"];  
  16. on.color = ccc3(0255255);  
  17. // off为红色  
  18. CCMenuItemFont *off = [CCMenuItemFont itemFromString:@"Off"];  
  19. off.color = ccc3(25500);  
  20. CCMenuItemToggle *item2 = [CCMenuItemToggle itemWithBlock:^(id sender) {  
  21.     NSLog(@"切换了开关状态");  
  22. } items:on, off, nil];  
  23.   
  24. // 第三个菜单项:CCMenuItemSprite  
  25. // 默认的精灵  
  26. CCSprite *normal = [CCSprite spriteWithFile:@"lufy.png"];  
  27. // 被按下时的精灵(红色)  
  28. CCSprite *selected = [CCSprite spriteWithFile:@"lufy.png"];  
  29. selected.color = ccRED;  
  30. CCMenuItemSprite *item3 = [CCMenuItemSprite itemFromNormalSprite:normal selectedSprite:selected block:^(id sender) {  
  31.     NSLog(@"点击了图片button");  
  32. }];  
  33.   
  34. // 按顺序加入菜单项到菜单中  
  35. CCMenu *menu = [CCMenu menuWithItems:item1, item2, item3, nil];  
  36. // 让菜单居中  
  37. CGSize winSize = [CCDirector sharedDirector].winSize;  
  38. menu.position = ccp(winSize.width * 0.5f, winSize.height * 0.5f);  
  39. // 垂直方向排列菜单项,每一个菜单项之间有30的垂直间距  
  40. [menu alignItemsVerticallyWithPadding:30];  
  41.   
  42. // 加入菜单到图层中  
  43. [self addChild:menu];  
默认的效果图



单击中间的青色的"On"后,变为了红色的off


长按以下的头像后。头像变为红色



他CCMenuItem的使用方法都大同小异


原文地址:http://blog.csdn.net/q199109106q/article/details/8604273

感谢作者~!

原文地址:https://www.cnblogs.com/yfceshi/p/6742976.html