FairyGUI Editor是一款開源的，功能強大的UI編輯器，具有可視化功能，可零代碼實現(xiàn)設計效果，有強大的文件控件，列表控件，所見即所得，內置多種手勢操作。

FairyGUI Editor特色

FairyGUI提供了一個強大的UI編輯器，使用習慣與Adobe系列軟件保持一致，美術設計師和策劃都可以輕松上手。

與市場上其他UI編輯器不同，F(xiàn)airyGUI編輯器重視設計師體驗，摒棄了腳本和配置文件這些需要代碼思維的操作。借助FairyGUI提供的 組件、關聯(lián)、控制器 以及 動效，我們可以在不寫代碼的情況下使用編輯器輕松地制作大量復雜的帶有動畫效果的自動布局的UI。

FairyGUI提供了多個游戲引擎SDK：Unity、Cocos2d-x、Cry Egine, Havok Vision/Project Anarchy、白鷺、LayaAir、Haxe、Pixi、Flash、Starling，未來還將支持UE4、LibGDX等。借助FairyGUI-SDK，你可以輕松在UI中使用3D對象、粒子等元素，而且FairyGUI還解決了環(huán)形進度條、像素點擊測試、圖文混排、循環(huán)列表、虛擬列表、曲面UI、VR輸入等UI開發(fā)中常見的痛點。

FairyGUI Editor功能介紹

1. 強大的文本控件。支持動態(tài)字體，位圖字體，以及外部工具(例如BMFont等)制作的位圖字體，同時支持HTML語法和UBB語法，支持復雜的圖文混排。輸入文本支持IOS原生表情的直接輸入。支持字體的描邊效果，陰影效果，支持漸變色文字。
2. 強大的列表控件，支持多種布局，支持虛擬列表和循環(huán)列表，即使列表項目數(shù)量巨大也拒絕卡頓。虛擬列表還支持不等高ITEM、多種ITEM資源混合等高級特性。支持表格、樹等高級列表控件。
3. 支持圖片的九宮格和平鋪處理，支持九宮格內各個宮格的平鋪處理。支持圖片變色和灰度。
4. 所見即所得。操作簡易，使用習慣與Adobe系列軟件保持一致，策劃和美術設計師都可以輕松上手。
5. 在編輯器即可組合各種復雜UI組件，無需編寫代碼。不需要程序員編碼擴展UI組件。
6. 支持平移、縮放、旋轉、傾斜、翻轉等常規(guī)的2D變換。
7. 支持基礎的繪圖功能，例如矩形、圓形、多邊形等。
8. 支持序列幀動畫編輯和使用。自帶序列幀動畫編輯器，同時支持導入由Flash CS、Animate CC等工具制作的動畫。
9. 內置多種手勢支持。
10. 編輯器提供時間軸設計UI動效，可以組合透明度、位置、大小、顏色等十幾種屬性的動畫效果。并可實時看到每幀的效果。支持插入聲音。支持嵌套動效。
11. 支持矩形遮罩和自定義圖形遮罩。
12. 支持濾鏡。
13. 支持逐像素檢測的點擊檢測方式。
14. 支持將UI組件綁定到任何模型上，例如實現(xiàn)曲面UI。
15. 內置文本的打字效果。
16. 內置普通窗口管理器，彈出窗口管理器，拖放管理器。
17. 支持事件的冒泡機制。
18. 封裝了所有輸入方式的底層細節(jié)，無論是鼠標輸入、單點觸摸輸入、多點觸摸輸入、VR輸入，你都只需要使用相同的事件偵聽方式處理UI交互。
19. 支持在UI層中插入任何3D物體，例如模型、粒子、骨骼動畫等。
20. 編輯狀態(tài)下使用分散的素材，發(fā)布時自動打包圖集。支持定義多個圖集，Unity版本自動支持抽出A通道的壓縮方式。

FairyGUI Editor使用方法

歷史記錄 曾經(jīng)打開過的項目可以直接從列表中點擊打開。

刪除 點擊右上的垃圾桶按鈕刪除選定的打開歷史記錄。

打開其他 通過選擇一個項目描述文件 xxx.fairy 打開一個已有項目。

打開目錄 通過選擇項目所在的目錄打開一個已有項目。適用于打開2.x版本的項目。

資源URL地址

在FairyGUI中，每一個資源都有一個URL地址。選中一個資源，右鍵菜單，選擇“復制URL”，就可以得到資源的URL地址。無論在編輯器中還是在代碼里，都可以通過這個URL引用資源。例如設置一個按鈕的圖標，你可以直接從庫中拖入，也可以手工粘貼這個URL地址。這個URL是一串編碼，并不可讀，在開發(fā)中使用會造成閱讀困難，所以我們通常使用另外一種格式：ui://包名/資源名。兩種URL格式是通用的，一種不可讀，但不受包或資源重命名的影響；另一種則可讀性較高。

資源導出

包內的每個資源都有一個是否導出的屬性，已導出的資源的圖標右下角有一個小紅點。使用右鍵菜單提供的功能可以方便的切換一個或多個資源的導出屬性。

收藏夾

收藏夾提供了一個快速訪問常用組件的功能。可以將一些常用的組件或素材放置在收藏夾里，便于快速訪問。也可以實現(xiàn)一個類似控件面板的功能。在資源庫里右鍵單擊一個或多個資源，然后在右鍵菜單中選擇“加入收藏夾”，就可以將資源加入收藏夾。

FairyGUI Editor常見問題

1、運行報錯且看不到界面，但編輯模式?jīng)]問題

例：Create Component1@Package1 failed!

答：這種錯誤一般是因為使用UIPanel，原因可能有：

你的UI包沒有正確放置到Resources目錄，或者Resources拼錯了！太多新手犯這樣的錯誤。

如果有跨包引用，需要使用AddPackage手動載入依賴包，并且注意，AddPackage必須在UIPanel創(chuàng)建之前，建議放到Awake。

如果包發(fā)布后移動過位置，或者修改過名稱，重新設置一下UIPanel的包和組件名。

2、顯示不出圖片/文字，但沒有報錯

答：項目中沒有放置FairyGUI的著色器，即插件里Resources/Shaders里的著色器。請重新安裝插件。

3、UI顯示有重復，或者UI銷毀后依然顯示

答：場景里沒有放置主相機。

主相機的ClearFl ags錯誤設置為了Depth。

場景里還有其他相機，且它的Culling Mask設置勾選了UI。