cocos2dx3.17的csb文件使用方法

一、手寫代碼加載csb文件，并獲取控件

--加載csb場景文件，并將場景添加到節點中。local node = cc.CSLoader:createNode("MenuScene.csb")self:addChild(node)--獲取場景中的根節點（場景的跟節點一般是容器）local rootLayout = node:getChildByName("Panel_2")--強制轉換，目前還沒搞懂為啥要強制轉換，可有可無，測試不寫這串代碼，一樣可以獲取到它的子節點。-- local rootNode = tolua.cast(root, "ccui.Widget")--獲取控件(按鈕 復選框 圖片 文本 進度條 滑動條 出入框等)local button =rootLayout:getChildByName("Button_2")--給控件添加事件（不同控件，他的事件類型不同，使用的方法也就不同，），下面是給按鈕添加點擊事件button:addClickEventListener(function(sender,eventType) print("點擊了開始按鈕")end)

• 控件的通用事件
  一般想封裝控件的通用事件的話，可以通過addTouchEventListener(sender,eventType)來添加事件，下面示例:

--[[btn 控件本身對象ended 事件類型(放開)對應的回調函數began 事件類型(按下)對應的回調函數moved 事件類型(移動)對應的回調函數canceled 事件類型(取消)對應的回調函數 ]] function cc.exports.setButtonFunction(btn, ended, began, moved, canceled)btn:addTouchEventListener(function(sender, eventType)if eventType == ccui.TouchEventType.began thenif began then began(sender) endelseif eventType == ccui.TouchEventType.ended thenif ended then ended(sender) endelseif eventType == ccui.TouchEventType.moved thenif moved then moved(sender) endelseif eventType == ccui.TouchEventType.canceled thenif canceled then canceled(sender) endendend) end

二、通過mvc ViewBase加載csb文件

ViewBase是系統給我們封裝好了的一個類，該類主要作用是加載界面相關的操作。如果我們想使用這種方式獲取控件實例或者給控件添加事件的話，則需要修改ViewBase類的ViewBase:createResourceBinding(binding)f方法，因為他原生目前不支持控件根節點是容器，而我們一般會用容器包裹控件，所以如果使用RESOURCE_BINDING，并且你的控件根節點是容器的話，則需要手動修改該方法。在第三標題我們會講怎么修改。使用示例如下：

local MainScene = class("MainScene",cc.load("mvc").ViewBase)MainScene.RESOURCE_FILENAME="MenuScene.csb"MainScene.RESOURCE_BINDING = {["Button_2"] = {["varname"] = "bn_StartGame", ["events"] = { {event = "touch" , method ="onBack" }} }} funcation MainScene:ctor()self.bn_StartGame:addClickEventListener(function(sender,eventType)print("點擊了開始按鈕")end)endfuncation MainScene:onBack()print("觸摸了")endreturn MainScene

1、MainScene.RESOURCE_FILENAME=”MenuScene.csb”

這個變量是設置場景的csb文件名稱，讀取時在ViewBase類中讀取的
下面會講一下ViewBase類怎么讀取的。

2、MainScene.RESOURCE_FILENAME

這個變量是設置綁定控件，獲取控件的實例

MainScene.RESOURCE_BINDING = {["Button_2"] = {["varname"] = "bn_StartGame", ["events"] = { {event = "touch" , method ="onBack" }} }} 使用方式模板（兩種方式）： MainScene.RESOURCE_BINDING = {--不添加事件["cocos控件名"] = {["varname"] = "引用變量名" } --添加事件["cocos控件名"] = {["varname"] = "引用變量名",["events"]={{["event"]="事件類型(原生現在支持一種)",["method"]="回調函數"},...}} }

三、ViewBase類源碼講解

• 源碼示例：

local ViewBase = class("ViewBase", cc.Node)function ViewBase:ctor(app, name)self:enableNodeEvents()self.app_ = appself.name_ = name-- 檢查子類中是否設置RESOURCE_FILENAME屬性，并得到他的value值local res = rawget(self.class, "RESOURCE_FILENAME")if res then--加載csb文件self:createResourceNode(res)end--檢查子類中是否設置RESOURCE_BINDING屬性，并得到他的value值local binding = rawget(self.class, "RESOURCE_BINDING")if res and binding then--獲取控件的實例self:createResourceBinding(binding)end--判斷子類有沒有重寫onCreate方法，有，調用子類的onCreate方法if self.onCreate then self:onCreate() end endfunction ViewBase:getApp()return self.app_ endfunction ViewBase:getName()return self.name_ endfunction ViewBase:getResourceNode()return self.resourceNode_ end --[[*加載csb文件的方法*resourceFilename 文件名稱(帶后綴名) ]] function ViewBase:createResourceNode(resourceFilename)--判斷是否已經加載過csb文件if self.resourceNode_ then--移除自己self.resourceNode_:removeSelf()--設置為nilself.resourceNode_ = nilend--通過CSLoader加載csb文件，得到一個節點self.resourceNode_ = cc.CSLoader:createNode(resourceFilename)assert(self.resourceNode_, string.format("ViewBase:createResourceNode() - load resouce node from file \"%s\" failed", resourceFilename))--將節點添加到該父節點（場景，層）中self:addChild(self.resourceNode_) end --[[*綁定控件*binding 在ViewBase子類中設置的RESOURCE_BINDING（規則模板（表）） ]] function ViewBase:createResourceBinding(binding)assert(self.resourceNode_, "ViewBase:createResourceBinding() - not load resource node")--遍歷規則表for nodeName, nodeBinding in pairs(binding) do--節點通過名稱直接獲取子控件實例--這里就是我上面說的問題所在了，這里是直接通過根節點獲取控件，往往，根節點的子節點是容器，而不是控件，所以這里會得不到控件local node = self.resourceNode_:getChildByName(nodeName)--如果設置變量名不為nilif nodeBinding.varname then--則將node賦值類nodeBinding.varname變量self[nodeBinding.varname] = nodeend--遍歷規則表中的事件--nodeBinding.events or {}這個表達式相當于三目運算 nodeBinding.events~=nil?nodeBinding.events:{}for _, event in ipairs(nodeBinding.events or {}) do--原生這里只支持touch事件，如果有別的需求可自行添加if event.event == "touch" then--給控件設置onTouch事件并設置回調函數。node:onTouch(handler(self, self[event.method]))endendend end --[[*跳轉場景（翻譯：展示場景）*transition 銜接動畫*time 銜接動畫播放時間*more 動畫類型 ]] function ViewBase:showWithScene(transition, time, more)self:setVisible(true)local scene = display.newScene(self.name_)scene:addChild(self)display.runScene(scene, transition, time, more)return self endreturn ViewBase

• 修改createResourceBinding方法，達到可以使用RESOURCE_BINDING來綁定控件事件的目的（修復原生方法不能綁定使用容器包裹的控件的問題。）

--新增一個dom樹表，用于存儲dom樹各個節點 ViewBase.dom = {} --[[*遞歸遍歷整個場景樹中的容器和控件，將容器和控件存入dom表中*rootNode 節點類型 ]] local function recursionChlidNOde(rootNode)local children = rootNode:getChildren()for _,childNOde in ipairs(children or {}) dolocal name =childNOde:getName()print("name ",name)ViewBase.dom[name]=childNOderecursionChlidNOde(childNOde)endend function ViewBase:createResourceBinding(binding)assert(self.resourceNode_, "ViewBase:createResourceBinding() - not load resource node")recursionChlidNOde(self.resourceNode_)for bindWidgetName, ruleTable in pairs(binding) dofor widgetName,node in pairs(ViewBase.dom) doprint(widgetName,tolua.type(node)) if ruleTable.varname and widgetName==bindWidgetName thenself[ruleTable.varname] = nodefor _, event in ipairs(ruleTable.events or {}) doif event.event == "touch" thennode:onTouch(handler(self, self[event.method]))endendendendend end

總結

以上是生活随笔為你收集整理的cocos2dx3.17的csb文件使用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。