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