FastGUI

1、定義:FastGUI是NGUI的附帶插件(所以必須先安裝NGUI),

                  用於把PhotoShop製作的PSD(二維界面)生成Unity能識別的prefab,

                  實質是讀文件(PSD)->寫文件(prefab)的過程

2、最佳學習方法:實踐+源代碼研究(總共才3000行代碼左右,值得去研究學習)

3、環境搭配:項目中先導進NGUI插件,再導進FastGUI插件,

                          此時在NGUI菜單列表中能找到FastGUI菜單項

4、源代碼目錄分析

      /Defaults For Import

      /Documentation:幫助文檔

      /Examples:一些符合規範的PSD例子,供你模仿

      /Importer:源代碼目錄,共3000行代碼左右,它最終會用到NGUI代碼

      /Photoshop Plugin:一些插件,FastGUI Importer Photoshop Plugin.jsx

5、導出PSD步驟

   【photoShop導出】

    1)雙擊打開該PSD

    2)在PS上,選擇文件->腳本->瀏覽,找到FastGUI下的PhotoShop Plugin的文件

    3)選擇後在彈出的界面中選擇Export Layers->選擇導出路徑

         (通常在unity工程的Assets目錄下,方便下一步unity導入),

          產物爲一個文件夾,裏面包括Images文件夾+NPSD_Data.xml,缺一不可

   【unity導入】

    4)在unity上,選擇NGUI-FastGUI-Import NGUI Screen

    5)在界面上填寫三大參數:

        Import Common Atlas:當PSD用到公共圖集資源時,把公告圖集拖到該選項中

        Imported PSD Folder:把3)的文件夾拖到該目錄

        Parent Panel:把有UIPanel組件的GO拖到該選項,沒有就NGUI-Create-2D UI

    6)import it按鈕,在文件夾中多出了Output和Source兩個文件夾,Prefab和圖集已經在該目錄中

6、重要控件的“組”的命名和內部結構規範(以《勇者聯盟》爲參考例子)

   1)圖片有四種類型:基本simple,切片sliced,瓦片Tiled,填充Filled

      它們的結構都是:組Group - 圖層資源

      基本圖片的組命名任意;

      切片圖片,命名爲slc_name

      瓦片圖片,命名爲til_name

      填充圖片,命名爲fil_name

   2)按鈕

      組的命名爲btn_name,內部包括子組:disabled-圖層資源,pressed-圖層資源,idel-圖層資源

   3)文本

      組的命名爲txt_name,內部結構是組Group - 圖層資源

7、關鍵難點

   1)PSD內各個“組”的命名和內部結構:必須嚴格遵守,否則會導出失敗

   2)指定common圖集:通過組件命名判斷它是否使用了公共圖集

8、參考博客

   http://blog.sina.com.cn/s/blog_7cbd10170102v6lt.html

   http://game.ceeger.com/forum/read.php?tid=5259

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章