quick-cocos2d-x游戏开发【5】——创建菜单

菜单也是游戏中不可缺少的元素之一，quick中对于menuItem的封装有两种，一个是图片菜单，一个是文字菜单。

一、图片菜单ui.newImageMenuItem(params)

可用参数：

• image: 正常状态的按钮图像
• imageSelected: 按钮按下时的图像（可选）
• imageDisabled: 按钮被禁用时的图像（可选）
• listener: 回调函数
• tag: 按钮的 Tag，会传入回调函数。多个按钮使用同一个回调函数时，可根据 Tag 区分哪一个按钮被按下（可选）
• x, y: 坐标（可选）
• sound: 按钮按下时播放什么音效（可选）

对于params的参数名称是一定不可以写错，和上节中label一样，所以这个还是需要多敲几次记住一下。tag是配合多个item共用一个回调函数来使用的，所以如果单独写一个function，记得有一个tag参数。

简单写一个图片按钮

[plain] view plaincopy

1. local item1 = ui.newImageMenuItem({  
2.     image = "CloseNormal.png",  
3.     imageSelected = "CloseSelected.png",  
4.     listener = onClicked,  
5.     x = display.cx,  
6.     y = display.height*0.7,  
7.     tag = 1  
8. })  

二、文字菜单ui.newTTFLabelMenuItem(params)

文本按钮的参数非常多，除了menuitem一些基本的参数外，还可以使用ui.newTTFLabel()中的参数，例如text文本内容，size文字大小等。

再写一个文字菜单

[html] view plaincopy

1. local item2 = ui.newTTFLabelMenuItem({  
2.     text = "MenuItem",  
3.     size = 50,  
4.     aligh = ui.TEXT_ALIGN_CENTER,  
5.     listener = onClicked,  
6.     x = display.cx,  
7.     y = display.height*0.3,  
8.     tag = 2  
9. })  

和Cocos2dx一样，我们还是需要一个Menu大管家来管理这些menuItem，如果使用原来lua的写法，我们要addChild每一个item，quick在这里把menu重新封装，让其使用和c++的写法一样，这就方便很多了。

[html] view plaincopy

1. local menu = ui.newMenu({item1, item2})  
2. self:addChild(menu)  

这样就添加完成了，回调函数咱们还没说，我们再看下。

[plain] view plaincopy

1. local function onClicked(tag)  
2.         if tag == 1 then  
3.             print("item1 clicked")  
4.         elseif tag == 2 then  
5.             print("item2 clicked")  
6.         end  
7. end  

由于这个function是局部（local）的，所以一定要放在menuItem之前，和C一样，否则程序会认不出该函数。当然也可以直接在listener内部就写好回调函数，再创建一个item，

[plain] view plaincopy

1. local item3 = ui.newTTFLabelMenuItem({  
2.     text = "MenuItem2",  
3.     size = 30,  
4.     aligh = ui.TEXT_ALIGN_CENTER,  
5.     listener = function ()  
6.         print("item3 clicked")  
7.     end,  
8.     x = display.cx,  
9.     y = display.cy,  
10. })  

是不是so easy！基本的使用就是这样，最后来一个完整的代码和效果。

[html] view plaincopy

1. function MyScene:ctor()  
2.     local function onClicked(tag)  
3.         if tag == 1 then  
4.             print("item1 clicked")  
5.         elseif tag == 2 then  
6.             print("item2 clicked")  
7.         end  
8.     end  
9.   
10.     local item1 = ui.newImageMenuItem({  
11.         image = "CloseNormal.png",  
12.         imageSelected = "CloseSelected.png",  
13.         listener = onClicked,  
14.         x = display.cx,  
15.         y = display.height*0.7,  
16.         tag = 1  
17.     })  
18.   
19.     local item2 = ui.newTTFLabelMenuItem({  
20.         text = "MenuItem",  
21.         size = 50,  
22.         aligh = ui.TEXT_ALIGN_CENTER,  
23.         listener = onClicked,  
24.         x = display.cx,  
25.         y = display.height*0.3,  
26.         tag = 2  
27.     })  
28.   
29.     local item3 = ui.newTTFLabelMenuItem({  
30.         text = "MenuItem2",  
31.         size = 30,  
32.         aligh = ui.TEXT_ALIGN_CENTER,  
33.         listener = function ()  
34.             print("item3 clicked")  
35.         end,  
36.         x = display.cx,  
37.         y = display.cy,  
38.     })  
39.   
40.     local menu = ui.newMenu({item1, item2, item3})  
41.     self:addChild(menu)  
42.   
43. end  

效果如下，