FairyGUI Editor是一款綠色開(kāi)源的UI編輯器，超強(qiáng) UI 編輯器，UI 制作效率直接提升 100%！支持Unity,Unreal,Cocos,ThreeJS,Egret,LayaAir等十多款游戲引擎。本站點(diǎn)提供綠色免安裝版本，感興趣的朋友快來(lái)下載使用吧。

軟件功能

1、強(qiáng)大的文本控件。支持動(dòng)態(tài)字體，位圖字體，以及外部工具(例如BMFont等)制作的位圖字體，同時(shí)支持HTML語(yǔ)法和UBB語(yǔ)法，支持復(fù)雜的圖文混排。輸入文本支持IOS原生表情的直接輸入。支持字體的描邊效果，陰影效果，支持漸變色文字。

2、強(qiáng)大的列表控件，支持多種布局，支持虛擬列表和循環(huán)列表，即使列表項(xiàng)目數(shù)量巨大也拒絕卡頓。虛擬列表還支持不等高ITEM、多種ITEM資源混合等高級(jí)特性。支持表格、樹(shù)等高級(jí)列表控件。

3、支持圖片的九宮格和平鋪處理，支持九宮格內(nèi)各個(gè)宮格的平鋪處理。支持圖片變色和灰度。

4、所見(jiàn)即所得。操作簡(jiǎn)易，使用習(xí)慣與Adobe系列軟件保持一致，策劃和美術(shù)設(shè)計(jì)師都可以輕松上手。

5、在編輯器即可組合各種復(fù)雜UI組件，無(wú)需編寫(xiě)代碼。不需要程序員編碼擴(kuò)展UI組件。

6、支持平移、縮放、旋轉(zhuǎn)、傾斜、翻轉(zhuǎn)等常規(guī)的2D變換。

7、支持基礎(chǔ)的繪圖功能，例如矩形、圓形、多邊形等。

8、支持序列幀動(dòng)畫(huà)編輯和使用。自帶序列幀動(dòng)畫(huà)編輯器，同時(shí)支持導(dǎo)入由Flash CS、Animate CC等工具制作的動(dòng)畫(huà)。

9、內(nèi)置多種手勢(shì)支持。

10、編輯器提供時(shí)間軸設(shè)計(jì)UI動(dòng)效，可以組合透明度、位置、大小、顏色等十幾種屬性的動(dòng)畫(huà)效果。并可實(shí)時(shí)看到每幀的效果。支持插入聲音。支持嵌套動(dòng)效。

11、支持矩形遮罩和自定義圖形遮罩。

12、支持濾鏡。

13、支持逐像素檢測(cè)的點(diǎn)擊檢測(cè)方式。

14、支持將UI組件綁定到任何模型上，例如實(shí)現(xiàn)曲面UI。

15、內(nèi)置文本的打字效果。

16、內(nèi)置普通窗口管理器，彈出窗口管理器，拖放管理器。

17、支持事件的冒泡機(jī)制。

18、封裝了所有輸入方式的底層細(xì)節(jié)，無(wú)論是鼠標(biāo)輸入、單點(diǎn)觸摸輸入、多點(diǎn)觸摸輸入、VR輸入，你都只需要使用相同的事件偵聽(tīng)方式處理UI交互。

19、支持在UI層中插入任何3D物體，例如模型、粒子、骨骼動(dòng)畫(huà)等。

20、編輯狀態(tài)下使用分散的素材，發(fā)布時(shí)自動(dòng)打包圖集。支持定義多個(gè)圖集，Unity版本自動(dòng)支持抽出A通道的壓縮方式。

軟件特色

FairyGUI提供了一個(gè)強(qiáng)大的UI編輯器，使用習(xí)慣與Adobe系列軟件保持一致，美術(shù)設(shè)計(jì)師和策劃都可以輕松上手。

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

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

常見(jiàn)問(wèn)題

1、運(yùn)行報(bào)錯(cuò)且看不到界面，但編輯模式?jīng)]問(wèn)題

例：Create Component1@Package1 failed!

答：這種錯(cuò)誤一般是因?yàn)槭褂肬IPanel，原因可能有：

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

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

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

2、顯示不出圖片/文字，但沒(méi)有報(bào)錯(cuò)

答：項(xiàng)目中沒(méi)有放置FairyGUI的著色器，即插件里Resources/Shaders里的著色器。請(qǐng)重新安裝插件。

3、UI顯示有重復(fù)，或者UI銷(xiāo)毀后依然顯示

答：場(chǎng)景里沒(méi)有放置主相機(jī)。

主相機(jī)的ClearFl ags錯(cuò)誤設(shè)置為了Depth。

場(chǎng)景里還有其他相機(jī)，且它的Culling Mask設(shè)置勾選了UI。

使用方法

歷史記錄 曾經(jīng)打開(kāi)過(guò)的項(xiàng)目可以直接從列表中點(diǎn)擊打開(kāi)。

刪除 點(diǎn)擊右上的垃圾桶按鈕刪除選定的打開(kāi)歷史記錄。

打開(kāi)其他 通過(guò)選擇一個(gè)項(xiàng)目描述文件 xxx.fairy 打開(kāi)一個(gè)已有項(xiàng)目。

打開(kāi)目錄 通過(guò)選擇項(xiàng)目所在的目錄打開(kāi)一個(gè)已有項(xiàng)目。適用于打開(kāi)2.x版本的項(xiàng)目。

資源URL地址

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

資源導(dǎo)出

包內(nèi)的每個(gè)資源都有一個(gè)是否導(dǎo)出的屬性，已導(dǎo)出的資源的圖標(biāo)右下角有一個(gè)小紅點(diǎn)。使用右鍵菜單提供的功能可以方便的切換一個(gè)或多個(gè)資源的導(dǎo)出屬性。

收藏夾

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

官方運(yùn)行庫(kù)支持工具

1、Unity - 支持所有Unity版本。
2、Cocos2dx - 支持3.14以上版本，支持4.0版本。
3、LayaAir - 支持所有Laya版本。
4、Egret - 支持5.x版本。
5、CocosCreator - 支持2.x或以上版本。
6、Starling
7、Flash
8、Cry Engine
9、Havok Vision
10、MonoGame
11、Corona
12、ThreeJS
13、Unreal4，即將推出。

更新日志

修正發(fā)布合圖時(shí)相同大小的圖片位置可能不穩(wěn)定的bug。

修正命令行發(fā)布時(shí)沒(méi)有調(diào)用插件的onPublishStart和onPublishEnd接口的bug。