FairyGUI Editor是一款開源免費(fèi)的UI編輯器,具有可視化功能,可零代碼實(shí)現(xiàn)設(shè)計效果,有強(qiáng)大的文件控件,列表控件,所見即所得,內(nèi)置多種手勢操作,能進(jìn)行跨平臺開源UI解決方案,幫助設(shè)計師用戶提高編輯設(shè)計效果!
FairyGUI Editor軟件特色
FairyGUI提供了一個強(qiáng)大的UI編輯器,使用習(xí)慣與Adobe系列軟件保持一致,美術(shù)設(shè)計師和策劃都可以輕松上手。
與市場上其他UI編輯器不同,F(xiàn)airyGUI編輯器重視設(shè)計師體驗(yàn),摒棄了腳本和配置文件這些需要代碼思維的操作。借助FairyGUI提供的 組件、關(guān)聯(lián)、控制器 以及 動效,我們可以在不寫代碼的情況下使用編輯器輕松地制作大量復(fù)雜的帶有動畫效果的自動布局的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)形進(jìn)度條、像素點(diǎn)擊測試、圖文混排、循環(huán)列表、虛擬列表、曲面UI、VR輸入等UI開發(fā)中常見的痛點(diǎn)。
FairyGUI Editor軟件功能
1、支持序列幀動畫編輯和使用。自帶序列幀動畫編輯器,同時支持導(dǎo)入由Flash CS、Animate CC等工具制作的動畫。
2、內(nèi)置文本的打字效果。
3、支持圖片的九宮格和平鋪處理,支持九宮格內(nèi)各個宮格的平鋪處理。支持圖片變色和灰度。
4、所見即所得。操作簡易,使用習(xí)慣與Adobe系列軟件保持一致,策劃和美術(shù)設(shè)計師都可以輕松上手。
5、在編輯器即可組合各種復(fù)雜UI組件,無需編寫代碼。不需要程序員編碼擴(kuò)展UI組件。
6、支持平移、縮放、旋轉(zhuǎn)、傾斜、翻轉(zhuǎn)等常規(guī)的2D變換。
7、支持基礎(chǔ)的繪圖功能,例如矩形、圓形、多邊形等。
8、支持事件的冒泡機(jī)制。
9、內(nèi)置多種手勢支持。
10、支持將UI組件綁定到任何模型上,例如實(shí)現(xiàn)曲面UI。
11、支持矩形遮罩和自定義圖形遮罩。
12、支持濾鏡。
13、支持逐像素檢測的點(diǎn)擊檢測方式。
14、支持在UI層中插入任何3D物體,例如模型、粒子、骨骼動畫等。
15、強(qiáng)大的列表控件,支持多種布局,支持虛擬列表和循環(huán)列表,即使列表項(xiàng)目數(shù)量巨大也拒絕卡頓。虛擬列表還支持不等高ITEM、多種ITEM資源混合等高級特性。支持表格、樹等高級列表控件。
16、內(nèi)置普通窗口管理器,彈出窗口管理器,拖放管理器。
17、編輯狀態(tài)下使用分散的素材,發(fā)布時自動打包圖集。支持定義多個圖集,Unity版本自動支持抽出A通道的壓縮方式。
18、封裝了所有輸入方式的底層細(xì)節(jié),無論是鼠標(biāo)輸入、單點(diǎn)觸摸輸入、多點(diǎn)觸摸輸入、VR輸入,你都只需要使用相同的事件偵聽方式處理UI交互。
19、強(qiáng)大的文本控件。支持動態(tài)字體,位圖字體,以及外部工具(例如BMFont等)制作的位圖字體,同時支持HTML語法和UBB語法,支持復(fù)雜的圖文混排。輸入文本支持IOS原生表情的直接輸入。支持字體的描邊效果,陰影效果,支持漸變色文字。
20、編輯器提供時間軸設(shè)計UI動效,可以組合透明度、位置、大小、顏色等十幾種屬性的動畫效果。并可實(shí)時看到每幀的效果。支持插入聲音。支持嵌套動效。
常見問題
1、運(yùn)行報錯且看不到界面,但編輯模式?jīng)]問題
例:Create Component1@Package1 failed!
答:這種錯誤一般是因?yàn)槭褂肬IPanel,原因可能有:
你的UI包沒有正確放置到Resources目錄,或者Resources拼錯了!太多新手犯這樣的錯誤。
如果有跨包引用,需要使用AddPackage手動載入依賴包,并且注意,AddPackage必須在UIPanel創(chuàng)建之前,建議放到Awake。
如果包發(fā)布后移動過位置,或者修改過名稱,重新設(shè)置一下UIPanel的包和組件名。
2、顯示不出圖片/文字,但沒有報錯
答:項(xiàng)目中沒有放置FairyGUI的著色器,即插件里Resources/Shaders里的著色器。請重新安裝插件。
3、UI顯示有重復(fù),或者UI銷毀后依然顯示
答:場景里沒有放置主相機(jī)。
主相機(jī)的ClearFl ags錯誤設(shè)置為了Depth。
場景里還有其他相機(jī),且它的Culling Mask設(shè)置勾選了UI。
更新日志
緊急修復(fù)分支無法增加資源的bug。
修正了發(fā)布時沒有發(fā)布自定義屬性引用的資源的bug。