第一步:项目组UI用CocosStudio做好UI控件后,在里面有一个后缀为.xml.ui的文件,双击这个文件就可以打开做好的UI。
第二步:按Ctrl + E,将“排序样式” 改成 “Intelligent”,然后导出。
第三步:将导出的文件全部复制到项目的res目录下。
第四步:在对应的界面ctor函数中,添加如下代码(笔者使用的是Sublime Text 2)
local layer = TouchGroup:create()
layer:addWidget(GUIReader:shareReader():widgetFromJsonFile("XXXXXXX.ExportJson"))
self:addChild(layer, 1000)
到这里运行,就可以看到做好的UI布局了。
-------------------------------------------------------华丽的分割线------------------------------------------------------------
第五步:在上述代码下面增加如下代码:
self.myBtn = layer:getWidgetByName(btnName)--btnName即为CocosStudio中,选中控件后,在右侧的“属性”栏-“常规”中的“名称”
--self.myBtn:setTouchEnabled(true)--注:由于CocosStudio中将控件设置了“交互”属性,可以去掉这条语句。
self.myBtn:addTouchEventListener(function (sender, event)--event是触摸类型,0,1,2,3分别是began,moved,ended,canceled
if event == 0 then
--操作代码
return false
end
end)