Cocos Studio 新版本CSB文件與圖片路徑的相對關系

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

? 首先我們先看一下cocos studio 和cocos2d-x所需的工程目錄結構

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

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

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

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

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

? ? ? ?

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

? ? ? ? ?csb是二進制文件，是cocos studio工程建好后發布后生成的，csb文件存放的是整個界面中所有小圖片的屬性，包括圖片的大小，坐標，顏色，錨點以及路徑等屬性，其中最重要的是路徑，因為只有csb文件我們是不能生成界面的，必須通過路徑找到圖片素材，然后由Cocos2d-x引擎渲染出來。csd文件是文本文件，是csb文件的文本形式，打開csb文件我們就可以看見各個小圖的上述屬性，所以csb文件是csd文件的一種翻譯，正因為如此我們在后面使用時是直接讓csb文件替代相對路徑下的csd文件。

? 舊版本Cocos Studio

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

? ?新版本Cocos Studio 2.3.1

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

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

? ? ? ? 從使用上來講如果cocos2d中資源目錄結構與Cocos Studio目錄結構是一致的，新舊版本使用起來是一樣的，但在舊版本中如果我們新建了其他文件夾套住image和layout文件夾的話也是可以使用的，因為他是相對路徑，但是這樣的結果就是無論哪種形式都可以，文件結構比較混亂（如果出現多種結構的話），我就是在新版cocos studio 中按照舊版的相對路徑放置資源，外面套了新建的其他文件夾，這樣就總是找不到圖片資源。新版本中應該是統一了資源的路徑結構，這樣要更加規范一些。

?注意點：
? ? ? ? ?Cocos2d工程中資源的目錄結構與Cocos Studio中的目錄結構一定要是一樣的，否則就破壞了路徑關系，這樣是絕對找不到圖片資源的。

總結

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

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