cocos2dx-3.3 lua实现一个单选按钮

cocos2dx_3.3 lua实现一个单选按钮

实现单选按钮主要是为了切换的时候更加明显的提醒用户，这里主要的做法是用了cocos2d-x lua里面的cc.Menu的api，老实说，这个引擎封装的api更加的丰富，用起来也很巧妙，主要是看怎么用，我这里只是用简单的方法实现出来，我是用Cocos Code IDE去编辑的，只有一个main.lua的文件，请看下面的代码：

tab = {} -- 这里是个table，存储一个cc.MenuItemImage
local item1_1 = 1  --这些是标记
local item1_2 = 2
local item1_3 = 3
local item1_4 = 4
local item1_5 = 5

local TTF = "fonts/Marker Felt.ttf"
require "Cocos2d"
require "Cocos2dConstants"
require "AudioEngine"

-- cclog
cclog = function(...)
print(string.format(...))
end

-- for CCLuaEngine traceback
function __G__TRACKBACK__(msg)
cclog("----------------------------------------")
cclog("LUA ERROR: " .. tostring(msg) .. "\n")
cclog(debug.traceback())
cclog("----------------------------------------")
return msg
end

local function main()
collectgarbage("collect")
-- avoid memory leak
collectgarbage("setpause", 100)
collectgarbage("setstepmul", 5000)

-- initialize director
local director = cc.Director:getInstance()
local glview = director:getOpenGLView()
if nil == glview then
glview = cc.GLView:createWithRect("HelloLua", cc.rect(0,0,960,640))
director:setOpenGLView(glview)
end

--turn on display FPS
director:setDisplayStats(true)

--set FPS. the default value is 1.0/60 if you don't call this
director:setAnimationInterval(1.0 / 60)

cc.FileUtils:getInstance():addSearchPath("src")
cc.FileUtils:getInstance():addSearchPath("res")

local visibleSize = cc.Director:getInstance():getVisibleSize()
local origin = cc.Director:getInstance():getVisibleOrigin()

local function createLayerFarm()
local layerFarm = cc.Layer:create()

-- add in farm background
local bg = cc.Sprite:create("farm.jpg")
bg:setPosition(origin.x + visibleSize.width / 2 + 80, origin.y + visibleSize.height / 2)
layerFarm:addChild(bg)

--设置显示数字的文本
local txt = cc.Label:create()
txt:setString( "wuxinchagn" )
txt:setSystemFontSize( 50 )
txt:setSystemFontName( "Arial" )
txt:setPosition(origin.x + visibleSize.width / 2, origin.y + visibleSize.height - txt:getContentSize().height)
txt:setAnchorPoint(  cc.p( 0.5, 0.5 ) )
local fade = cc.FadeOut:create(1.0)
local fade_in = fade:reverse()

local seq = cc.Sequence:create(fade,fade_in)
local repeatAction = cc.RepeatForever:create(seq)
txt:runAction(repeatAction)
layerFarm:addChild(txt,2,1)

local function menuCallback(tag,sender)
--第一个参数是number型，第二个才是菜单调用传进来的node
for k,v in pairs(tab) do
if v:getTag() == sender:getTag() then
v:setEnabled(false)  --先设置不可以点击
v:selected()         --然后才设置选中的状态
print("menuCallback == " .. sender:getTag())
local str = "menuCallback == " .. sender:getTag()
txt:setString( str )
txt:setColor(cc.c3b(255,0,0))

else
v:setEnabled(true)
v:unselected()

end
end
end

local item1 = cc.MenuItemImage:create("btn/1.png","btn/1-1.png")  --创建一个图片菜单
item1:registerScriptTapHandler(menuCallback)  --监听这个函数
item1:setTag(item1_1) --设置这个item1的tag
table.insert(tab,item1) --插入到一个表中

local item2 = cc.MenuItemImage:create("btn/2.png","btn/2-2.png")
item2:registerScriptTapHandler(menuCallback)
item2:setTag(item1_2)
table.insert(tab,item2)

local item3 = cc.MenuItemImage:create("btn/3.png","btn/3-3.png")
item3:registerScriptTapHandler(menuCallback)
item3:setTag(item1_3)
table.insert(tab,item3)

local item4 = cc.MenuItemImage:create("btn/4.png","btn/4-4.png")
item4:registerScriptTapHandler(menuCallback)
item4:setTag(item1_4)
table.insert(tab,item4)

local item5 = cc.MenuItemImage:create("btn/5.png","btn/5-5.png")
item5:registerScriptTapHandler(menuCallback)
item5:setTag(item1_5)
table.insert(tab,item5)

local menu = cc.Menu:create()
menu:addChild(item1)
menu:addChild(item2)
menu:addChild(item3)
menu:addChild(item4)
menu:addChild(item5)
menu:setAnchorPoint(0,0)
menu:setPosition(visibleSize.width / 3,visibleSize.height / 2)
menu:alignItemsVertically()  --设置垂直排列
menu:setScale(1.5) --设置menu的大小
layerFarm:addChild(menu)  --添加到层中
return layerFarm --返回到一个层
end

cclog("run here")
local sceneGame = cc.Scene:create() --创建场景
sceneGame:addChild(createLayerFarm())  --将层添加到场景中

cclog("run here2")

if cc.Director:getInstance():getRunningScene() then
cc.Director:getInstance():replaceScene(sceneGame)
else
cc.Director:getInstance():runWithScene(sceneGame)
end
end

local status, msg = xpcall(main, __G__TRACKBACK__)
if not status then
error(msg)
end

运行了上面的代码之后就是下面这个



在用lua写的时候，记住一定要把顺序理清了，不然的话，是不会达到你想要的效果的，或者说有bug，lua它是有顺序需求的，多写一下代码就能发现里面的规律了，谢谢