Cocos Studio 新版本CSB文件與圖片路徑的相對關(guān)系

? ?版本使用的是最新的Cocos Studio 2.3.1。相對于完全使用代碼搭界面調(diào)坐標(biāo)的繁瑣，Cocos Studio 在搭建界面方面有很大的優(yōu)勢，所見即所得，這給我們搭建界面帶來了很大的方便。

? 首先我們先看一下cocos studio 和cocos2d-x所需的工程目錄結(jié)構(gòu)

? ? ?Cocos Studio 工程目錄結(jié)構(gòu): 在工程中，如圖Start為工程名，下面的image和layout文件夾為我們一般默認(rèn)的目錄結(jié)構(gòu)；其中image存放我們所需的圖片素材，在image中我們將圖片素材放在場景文件夾中，如圖中的開始場景StartImage；layout存放最后生成的csb文件，此時(shí)在工程發(fā)布前l(fā)ayout中存放的是csd文件，在工程發(fā)布后我們就可以在該目錄下看到生成的csb文件。?

? ? ? ?生成后打開csb文件（注意不是csd文件，csd文件是二進(jìn)制格式的），如圖可以查看圖片素材的路徑,圖中陰影部分。

? ? Cocos2d-x 工程下Resources目錄結(jié)構(gòu)：在Resources目錄下，我們需要按照在cocos studio中的結(jié)構(gòu)建立相同的目錄，即image存放個(gè)場景的圖片素材，layout中存放各場景的csb文件，如圖：
? ? ? ?

? ? image目錄下的場景文件：如圖的StartImage文件和CardImage文件

? ? ??
? ? layout下的各csb文件： 如圖的StartScene.csb文件和Card.csb文件

? ? ? ?

? ?CSB文件和圖片素材、csd文件介紹：

? ? ? ? ?csb是二進(jìn)制文件，是cocos studio工程建好后發(fā)布后生成的，csb文件存放的是整個(gè)界面中所有小圖片的屬性，包括圖片的大小，坐標(biāo)，顏色，錨點(diǎn)以及路徑等屬性，其中最重要的是路徑，因?yàn)橹挥衏sb文件我們是不能生成界面的，必須通過路徑找到圖片素材，然后由Cocos2d-x引擎渲染出來。csd文件是文本文件，是csb文件的文本形式，打開csb文件我們就可以看見各個(gè)小圖的上述屬性，所以csb文件是csd文件的一種翻譯，正因?yàn)槿绱宋覀冊诤竺媸褂脮r(shí)是直接讓csb文件替代相對路徑下的csd文件。

? 舊版本Cocos Studio

? ? ? ? ?在舊版本中，生成的csb文件與圖片資源是一種相對關(guān)系，即圖片資源位置是相對于csb文件位置的，cocos2d引擎通過csb文件中的相對路徑找到圖片資源然后渲染出圖片。例如在cocos studio工程中我們建了layout文件夾用來放csd文件，image文件夾用來放圖片資源，image文件里存放的是各個(gè)場景的文件夾，里面存放的是該場景的圖片例如A.png，那么在csd文件中我們看到的路徑是../image/A.png,即圖片資源路徑是相對于csb文件的。

? ?新版本Cocos Studio 2.3.1

? ? ? ? ? 在2.3.1版本中，路徑關(guān)系變了，圖片資源不再相對于csb文件的路徑了，他改為直接相對于Cocos2d中的Resources了，這給我們帶來了很大的理解上的方便，同樣我們在Resources目錄下建了image和layout文件，作用同上，我們在使用cocos studio時(shí)應(yīng)該按照該目錄結(jié)構(gòu)建立工程結(jié)構(gòu)，image文件下再建場景文件用來存放圖片，這樣在發(fā)布之后我們需要將csb文件和場景文件拷入到cocos2d工程Resources中的Layout和image文件夾下，在實(shí)現(xiàn)時(shí)我們只需要帶上csb文件的路徑（相對于Resources的）就可以了，他會按照csb中讀到的路徑在Resources下找圖片，這樣我們只需要記住所有路徑都只相對于Resources就可以了。例如csb文件路徑為Resources/layout/StartScene.csb,則我們在代碼中使用CSLoad：：create（“l(fā)ayout/StartScene.csb”）來生成結(jié)點(diǎn)，它會根據(jù)csb文件中讀到的路徑找圖片，此時(shí)圖片路徑即為image/StartImage/StartBg.png,如上面csb截圖中的陰影部分標(biāo)注的路徑，它相對的路徑是Resources。 ? ? ?

? ?新舊版本使用上的差別：

? ? ? ? 從使用上來講如果cocos2d中資源目錄結(jié)構(gòu)與Cocos Studio目錄結(jié)構(gòu)是一致的，新舊版本使用起來是一樣的，但在舊版本中如果我們新建了其他文件夾套住image和layout文件夾的話也是可以使用的，因?yàn)樗窍鄬β窂?#xff0c;但是這樣的結(jié)果就是無論哪種形式都可以，文件結(jié)構(gòu)比較混亂（如果出現(xiàn)多種結(jié)構(gòu)的話），我就是在新版cocos studio 中按照舊版的相對路徑放置資源，外面套了新建的其他文件夾，這樣就總是找不到圖片資源。新版本中應(yīng)該是統(tǒng)一了資源的路徑結(jié)構(gòu)，這樣要更加規(guī)范一些。

?注意點(diǎn)：
? ? ? ? ?Cocos2d工程中資源的目錄結(jié)構(gòu)與Cocos Studio中的目錄結(jié)構(gòu)一定要是一樣的，否則就破壞了路徑關(guān)系，這樣是絕對找不到圖片資源的。

總結(jié)

以上是生活随笔為你收集整理的Cocos Studio images文件与CSB的路径相对关系的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。