FairyGUI Editor(UI編輯器)是一款使用方便的開(kāi)源項(xiàng)目UI編輯器，F(xiàn)airyGUI Editor(UI編輯器)官方版可以不受任何限制地使用在商業(yè)項(xiàng)目上,FairyGUI編輯器是市面上最好用的UI編輯器，零代碼實(shí)現(xiàn)設(shè)計(jì)效果，有強(qiáng)大的文件控件，列表控件。

FairyGUI Editor(UI編輯器)軟件特色

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

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

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

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

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

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

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

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

　　內(nèi)置掃、捏、扭、長(zhǎng)按等多種常用手勢(shì)支持。內(nèi)置搖桿支持。

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

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

　　支持變色、模糊等濾鏡。支持BlendMode設(shè)置。

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

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

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

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

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

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

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

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

　　多國(guó)語(yǔ)言切換支持。可以實(shí)時(shí)切換UI語(yǔ)言。

　　各種分辨率自適應(yīng)。一套UI適用于不同分辨率的設(shè)備。

　　支持為編輯器組件自動(dòng)生成代碼。

　　提供插件機(jī)制，可以根據(jù)項(xiàng)目的需要為編輯器加入個(gè)性功能。

　　支持設(shè)計(jì)圖功能，直接將設(shè)計(jì)圖顯示在背景，便于對(duì)照精準(zhǔn)拼接。

更新日志

　　FairyGUI Editor(UI編輯器) v3.9.9官方版

　　增加了一個(gè)創(chuàng)建窗口框架的向?qū)?duì)話(huà)框(在資源菜單下)。

　　修正了列表item編輯界面的一個(gè)bug。

　　增加了MonoGame引擎的支持，歡迎使用。

　　FairyGUI Editor(UI編輯器) v3.10.3

　　修正了執(zhí)行“僅發(fā)布定義”時(shí)，描述文件里可能會(huì)漏掉部分紋理集Sprite的bug。

　　修正了如果一個(gè)圖片勾選了單獨(dú)導(dǎo)出和重復(fù)邊緣像素，發(fā)布后的大小不是2的整次冪的bug。

　　修正了如果一個(gè)遮罩被顯示控制器隱藏時(shí)，遮罩效果仍然生效的bug。

　　修正了由于整數(shù)坐標(biāo)造成的幾個(gè)精度問(wèn)題，例如如果一個(gè)高級(jí)組由20個(gè)相同寬度的元件組成，布局為水平，當(dāng)改變高級(jí)組的大小，這些元件的大小會(huì)同時(shí)縮小或增大，在舊版本里，最后一個(gè)元件的大小可能變得特別小或者特別大。本版本修正了這個(gè)問(wèn)題。這個(gè)問(wèn)題同樣存在于“流動(dòng)布局+自動(dòng)Item大小”的列表里。

　　FairyGUI Editor(UI編輯器) v3.10.5

　　修正了當(dāng)高級(jí)組內(nèi)有錨點(diǎn)不為左上角的元件時(shí)，組包圍不正確的bug。

　　修正了導(dǎo)入部分Plist動(dòng)畫(huà)時(shí)報(bào)錯(cuò)的問(wèn)題。

　　修正了動(dòng)效制作時(shí)使用對(duì)齊工具無(wú)效的問(wèn)題。

　　修正了使用圖片文字時(shí)，文字模板顯示不正常的問(wèn)題。

　　資源庫(kù)支持通過(guò)URL搜索。

　　FairyGUI Editor(UI編輯器) 官方版 3.10.6

　　3.10.6

　　新增了Corona引擎發(fā)布的支持(SDK目前不公開(kāi))。

　　顯示列表面板里增加了點(diǎn)擊眼睛可以一次隱藏所有元件，點(diǎn)擊鎖可以一次鎖定所有元件的功能。

　　舞臺(tái)比例下拉框增加了75%、125%、175%比例選項(xiàng)。

　　改進(jìn)：在執(zhí)行撤銷(xiāo)(ctrl+z)后，如果已經(jīng)恢復(fù)到文檔的初始狀態(tài)，則取消文檔已修改標(biāo)志。

　　改進(jìn)：在拖動(dòng)變形點(diǎn)對(duì)元件進(jìn)行縮放時(shí)，如果按住shift鍵，則進(jìn)行等比縮放。

　　修正了mac下，在dock欄菜單右鍵退出程序時(shí)，需要退出兩次才能成功退出的bug。

　　修正了使用“主菜單->退出”方式退出程序時(shí)，沒(méi)有保存包含當(dāng)前已打開(kāi)文件列表等歷史記錄的bug。

　　FairyGUI Editor(UI編輯器) 官方版 3.10.7

　　修正了Mac下按Command+箭頭鍵時(shí)，可能使撤銷(xiāo)功能失效的bug。

　　修正了3.10.6引入的一個(gè)bug，修改了文檔，保存后再按ctrl+z撤銷(xiāo)，文檔沒(méi)有正確標(biāo)記為已修改。

　　修正了撤銷(xiāo)功能的一個(gè)潛在的性能問(wèn)題。

　　FairyGUI Editor(UI編輯器) 官方版 5.0.4

　　大幅優(yōu)化了依賴(lài)查詢(xún)的速度。

　　修正了發(fā)布對(duì)話(huà)框里部分設(shè)置沒(méi)有保存的bug。

　　修正了紋理集大小設(shè)置為4的倍數(shù)沒(méi)有生效的bug。

　　修正了導(dǎo)出資源包功能失效的bug。

　　命令行發(fā)布增加了-t參數(shù)，用于指定哪個(gè)分支。

　　Laya項(xiàng)目的代碼發(fā)布類(lèi)型選項(xiàng)增加了“LayaAir(2.0)”，選擇這種類(lèi)型，則發(fā)布的代碼會(huì)使用fairygui命名空間而不是fgui。

　　FairyGUI Editor(UI編輯器) 官方版 5.0.6

　　為專(zhuān)業(yè)版提供了高級(jí)插件接口，詳見(jiàn)Github地址.

　　首選項(xiàng)里補(bǔ)充了發(fā)布按鈕功能的設(shè)置。

　　修正了若干bug。

使用方法

　　歷史記錄 曾經(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è)資源，然后在右鍵菜單中選擇“加入收藏夾”，就可以將資源加入收藏夾。

FAQ

　　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ī)的ClearFlags錯(cuò)誤設(shè)置為了Depth。

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

用戶(hù)評(píng)論

　　理不理：

　　挺好用的軟件，很喜歡

　　絕地伏地魔：

　　一直用這個(gè)軟件，上手比較舒服

　　銀魂不：

　　安利，不解釋

　　能夠：

　　這款軟件操作很簡(jiǎn)單，功能也比較實(shí)用。

　　的廣泛地：

　　軟件專(zhuān)業(yè)性比較強(qiáng)，使用范圍也很廣泛