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

前端之家收集整理的这篇文章主要介绍了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 plain copy
  1. localitem1=ui.newImageMenuItem({
  2. image="CloseNormal.png",
  3. imageSelected="CloseSelected.png",
  4. 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
  5. })

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

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

再写一个文字菜单

[html]
    localitem2=ui.newTTFLabelMenuItem({
  1. text="MenuItem",
  2. size=50,
  3. 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
  4. })

 

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

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

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

    localfunctiononClicked(tag)
  1. iftag==1then
  2. print("item1clicked")
  3. elseiftag==2then
  4. print("item2clicked")
  5. end
  6. end


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

    localitem3=ui.newTTFLabelMenuItem({
  1. 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()
  2. print("item3clicked")
  3. 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()
  1. localfunctiononClicked(tag)
  2. iftag==1then
  3. print("item1clicked")
  4. elseiftag==2then
  5. print("item2clicked")
  6. end
  7. localitem1=ui.newImageMenuItem({
  8. 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
  9. })
  10. localitem2=ui.newTTFLabelMenuItem({
  11. localitem3=ui.newTTFLabelMenuItem({
  12. 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()
  13. y=display.cy,248)"> })
  14. localmenu=ui.newMenu({item1,item2,item3})
  15. self:addChild(menu)
  16. end

效果如下,

原文链接:https://www.f2er.com/cocos2dx/343331.html

猜你在找的Cocos2d-x相关文章