FairyGUI Editor是一款可以幫助你設(shè)置網(wǎng)頁(yè)界面的應(yīng)用程序，你可以通過(guò)本軟件設(shè)計(jì)你的應(yīng)用程序UI界面，也可以對(duì)網(wǎng)站頁(yè)面設(shè)計(jì)，擁有超級(jí)多的編輯功能，可以選擇元件、圖片、動(dòng)畫(huà)、文本、裝載器、組件、滾動(dòng)器等內(nèi)容編輯UI界面，擁有豐富的繪圖功能，你可以在軟件上設(shè)計(jì)新的圖形，可以設(shè)計(jì)矩形、圓形、多邊形，方便你設(shè)計(jì)新的圖形菜單；FairyGUI Editor設(shè)計(jì)中文的軟件，內(nèi)置教程，需要的朋友就下載吧！

軟件功能

　　1、FairyGUI Editor提供非常多的UI設(shè)計(jì)功能，你可以設(shè)計(jì)網(wǎng)站UI，可以設(shè)計(jì)手機(jī)UI

　　2、在軟件上提供了適配測(cè)試的功能，允許你自己選擇屏幕打下

　　3、支持iPhone、華為、小米、三星等多個(gè)屏幕設(shè)置

　　4、在選擇項(xiàng)目的時(shí)候也可以選擇Layabox、Haxe、Pixi

　　5、提供更多的元件，插入U(xiǎn)I的功能和圖標(biāo)更豐富

　　6、也支持動(dòng)畫(huà)設(shè)計(jì)功能，有動(dòng)畫(huà)序列編輯功能

　　7、支持新建包，支持發(fā)布包

　　8、支持Cocos2dx、Cry Engine、Havok Vision( Project Anarchy)

　　9、也提供動(dòng)態(tài)功能，設(shè)計(jì)手機(jī)UI的時(shí)候可以設(shè)置滾動(dòng)效果

　　10、提供了靜態(tài)UI的編輯功能，而且提供了強(qiáng)大的動(dòng)效編輯功能，讓你的UI可以輕松動(dòng)起來(lái)。

　　11、允許你在軟件上新建一個(gè)動(dòng)態(tài)的效果，可以編輯自己需要的動(dòng)效

軟件特色

　表情顯示和輸入

　　FairyGUI支持表情顯示和直接輸入，即表情圖片直接在輸入狀態(tài)下就顯示在輸入框中，支持PC上的輸入，也支持手機(jī)原生鍵盤的輸入。例如：

　　使用辦法是為富文本或者輸入文本定義emojies集合。

　　Dictionay emojies = new Dictionary();//unicodeValue是字符的unicode編碼，imageURL是圖片路徑emojies.Add(unicodeValue, new Emoji(imageURL));GRichTextField richTextField;richTextField.emojies = emojies;GTextInput textInput;textInput.emojies = emojies;

　　每個(gè)表情對(duì)應(yīng)一個(gè)Unicode編碼。表情的來(lái)源有兩種，一是自定義的表情，另外是手機(jī)鍵盤上自帶的表情。

　　對(duì)于自定義的表情，你可以用任意字符作為表情的代碼，可以選取一些幾乎不會(huì)被用戶直接輸入的字符。

　　對(duì)于手機(jī)鍵盤上的表情，一般是使用UCS32編碼，即4個(gè)字節(jié)的Unicode編碼。這和我們通常使用的UTF8或者UCS16不同。一般我們?cè)诖a里使用的字符，無(wú)論是英文還是中文，都可以使用一個(gè)char表達(dá)，但4字節(jié)的Unicode編碼在C#需要兩個(gè)char表達(dá)，稱為Surrogate Pair。丟掉任何一個(gè)char都會(huì)造成編碼錯(cuò)誤。

　　例如Unicode編碼0x1f600對(duì)應(yīng)的表情為：

使用方法

　　1、打開(kāi)FairyGUI Editor軟件，這里是設(shè)置新項(xiàng)目的界面，你可以將一個(gè)項(xiàng)目打開(kāi)

　　2、也可以選擇右邊的創(chuàng)建項(xiàng)目功能，自己在這里找到需要的項(xiàng)目類型

　　3、包括 Unity、Flash、、Starling、 Caret等類型，點(diǎn)擊創(chuàng)建

　　4、主項(xiàng)目設(shè)計(jì)區(qū)域，在這里就可以找到全部設(shè)計(jì)功能，在下方區(qū)域找到文本、動(dòng)畫(huà)等設(shè)計(jì)方案

　　5、基本設(shè)置內(nèi)容，可以重命名項(xiàng)目數(shù)據(jù)，發(fā)布時(shí)一并發(fā)布修改過(guò)的其它包

　　6、文字大小方案(每行一個(gè)記錄,每行格式為記錄名字體大小”)

　　7、顏色方案，每行一個(gè)記錄,每行格式為記錄名顏色值

　　8、預(yù)設(shè)設(shè)置：垂直滾動(dòng)條、水平滾動(dòng)條、滾動(dòng)條顯示、TIPS組件、按鈕點(diǎn)擊聲音

　　9、適配測(cè)試界面，可以在這里設(shè)置屏幕大小，右邊有很多選擇，支持 720p Phone (Landscape)、 1080p Phone 華為M、Mate9((Landscape))

　　10、導(dǎo)入時(shí)自動(dòng)裁剪圖片到最小包圍：不裁剪，這里也可以設(shè)置語(yǔ)言

　　11、有快捷鍵設(shè)置，支持新建組件、新建按鈕、新建標(biāo)簽、新建下拉框、新建滾動(dòng)條、新建進(jìn)度條

　　12、也可以在資源菜單找到新建進(jìn)度條、新建滑動(dòng)條、新建彈出菜單、新建動(dòng)畫(huà)、新建位圖字體、導(dǎo)入資源包、導(dǎo)入內(nèi)置資源包、導(dǎo)出資源包

　　13、資源設(shè)置功能，可以選擇從庫(kù)中拖拽到此查詢，可以選擇依賴我的資源、我依賴的資源

　　14、使用導(dǎo)出功能,將包里所有文本屬性的字符串提取出來(lái),保存為XML格式的文件,將該文件提交翻譯。

　　15、這里有插件管理功能，可以在這里找到你需要使用的插件

使用說(shuō)明

　　TS/JS版本

　　1、將FairyGUI庫(kù)以及依賴的rawinflate庫(kù)拷貝到bin/libs目錄。（如果你在編輯器發(fā)布時(shí)沒(méi)有勾選壓縮描述文件，那么這個(gè)庫(kù)是不需要的）。

　　2、把fairygui.d.ts拷貝到libs目錄。

　　3、在index.html里添加上述兩個(gè)庫(kù)的引用，注意放置的位置。

　　注：FairyGUI只依賴laya.core， laya.html兩個(gè)模塊，不需要laya.ui。

　　4、使用FairyGUI編輯器完成UI編輯。發(fā)布目錄請(qǐng)選擇Laya工程的bin/res目錄（當(dāng)然其他目錄也是可以的）。發(fā)布后得到兩個(gè)（或以上）文件。

　　5、在程序啟動(dòng)時(shí)（或者在需要用到這些UI的適當(dāng)?shù)胤剑┘虞d這兩個(gè)文件，并完成初始化。

更新日志

　　5.0.5

　　緊急修復(fù)分支無(wú)法增加資源的bug。

　　修正了發(fā)布時(shí)沒(méi)有發(fā)布自定義屬性引用的資源的bug。