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

发布时间：2020-12-14 21:08:12 所属栏目：百科来源：网络整理

导读：菜单也是游戏中不可缺少的元素之一，quick中对于menuItem的封装有两种，一个是图片菜单，一个是文字菜单。一、图片菜单ui.newImageMenuItem(params) 可用参数： image: 正常状态的按钮图像 imageSelected: 按钮按下时的图像（可选） imageDisabled: 按钮被

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

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

可用参数：

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

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

简单写一个图片按钮

[plain] 
   view plain 
   copy 
    
    
    
   
 localitem1=ui.newImageMenuItem({
 image="CloseNormal.png",
 imageSelected="CloseSelected.png",
 listener=onClicked,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> x=display.cx,248)"> y=display.height*0.7,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> tag=1
 })

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

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

再写一个文字菜单

[html] 
   

localitem2=ui.newTTFLabelMenuItem({

text="MenuItem",
size=50,
aligh=ui.TEXT_ALIGN_CENTER,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> listener=onClicked,248)"> x=display.cx,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> y=display.height*0.3,248)"> tag=2
})

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

localmenu=ui.newMenu({item1,item2})

self:addChild(menu)

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

localfunctiononClicked(tag)

iftag==1then
print("item1clicked")
elseiftag==2then
print("item2clicked")
end
end

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

localitem3=ui.newTTFLabelMenuItem({

text="MenuItem2",108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> size=30,248)"> aligh=ui.TEXT_ALIGN_CENTER,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> listener=function()
print("item3clicked")
end,248)"> x=display.cx,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> y=display.cy,248)"> })

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

functionMyScene:ctor()

localfunctiononClicked(tag)
iftag==1then
print("item1clicked")
elseiftag==2then
print("item2clicked")
end
localitem1=ui.newImageMenuItem({
image="CloseNormal.png",248)"> imageSelected="CloseSelected.png",108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> y=display.height*0.7,248)"> tag=1
})
localitem2=ui.newTTFLabelMenuItem({
localitem3=ui.newTTFLabelMenuItem({
text="MenuItem2",108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> size=30,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> listener=function()
y=display.cy,248)"> })
localmenu=ui.newMenu({item1,item2,item3})
self:addChild(menu)
end

效果如下，

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!