/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
FairyGUI Editor是一款開源的,功能強大的UI編輯器,具有可視化功能,可零代碼實現設計效果,有強大的文件控件,列表控件,所見即所得,內置多種手勢操作。
曆史記錄 曾經打開過的項目可以直接從列表中點擊打開。
刪除 點擊右上的垃圾桶按鈕刪除選定的打開曆史記錄。
打開其他 通過選擇一個項目描述文件 xxx.fairy 打開一個已有項目。
打開目錄 通過選擇項目所在的目錄打開一個已有項目。適用於打開2.x版本的項目。
資源URL地址
在FairyGUI中,每一個資源都有一個URL地址。選中一個資源,右鍵菜單,選擇“複製URL”,就可以得到資源的URL地址。無論在編輯器中還是在代碼裏,都可以通過這個URL引用資源。例如設置一個按鈕的圖標,你可以直接從庫中拖入,也可以手工粘貼這個URL地址。這個URL是一串編碼,並不可讀,在開發中使用會造成閱讀困難,所以我們通常使用另外一種格式:ui://包名/資源名。兩種URL格式是通用的,一種不可讀,但不受包或資源重命名的影響;另一種則可讀性較高。
資源導出
包內的每個資源都有一個是否導出的屬性,已導出的資源的圖標右下角有一個小紅點。使用右鍵菜單提供的功能可以方便的切換一個或多個資源的導出屬性。
收藏夾
收藏夾提供了一個快速訪問常用組件的功能。可以將一些常用的組件或素材放置在收藏夾裏,便於快速訪問。也可以實現一個類似控件麵板的功能。在資源庫裏右鍵單擊一個或多個資源,然後在右鍵菜單中選擇“加入收藏夾”,就可以將資源加入收藏夾。
1、強大的文本控件。支持動態字體,位圖字體,以及外部工具(例如BMFont等)製作的位圖字體,同時支持HTML語法和UBB語法,支持複雜的圖文混排。輸入文本支持IOS原生表情的直接輸入。支持字體的描邊效果,陰影效果,支持漸變色文字。
2、強大的列表控件,支持多種布局,支持虛擬列表和循環列表,即使列表項目數量巨大也拒絕卡頓。虛擬列表還支持不等高ITEM、多種ITEM資源混合等高級特性。支持表格、樹等高級列表控件。
3、支持圖片的九宮格和平鋪處理,支持九宮格內各個宮格的平鋪處理。支持圖片變色和灰度。
4、所見即所得。操作簡易,使用習慣與Adobe係列軟件保持一致,策劃和美術設計師都可以輕鬆上手。
5、在編輯器即可組合各種複雜UI組件,無需編寫代碼。不需要程序員編碼擴展UI組件。
6、支持平移、縮放、旋轉、傾斜、翻轉等常規的2D變換。
7、支持基礎的繪圖功能,例如矩形、圓形、多邊形等。
8、支持序列幀動畫編輯和使用。自帶序列幀動畫編輯器,同時支持導入由Flash CS、Animate CC等工具製作的動畫。
9、內置多種手勢支持。
10、編輯器提供時間軸設計UI動效,可以組合透明度、位置、大小、顏色等十幾種屬性的動畫效果。並可實時看到每幀的效果。支持插入聲音。支持嵌套動效。
11、支持矩形遮罩和自定義圖形遮罩。
12、支持濾鏡。
13、支持逐像素檢測的點擊檢測方式。
14、支持將UI組件綁定到任何模型上,例如實現曲麵UI。
15、內置文本的打字效果。
16、內置普通窗口管理器,彈出窗口管理器,拖放管理器。
17、支持事件的冒泡機製。
18、封裝了所有輸入方式的底層細節,無論是鼠標輸入、單點觸摸輸入、多點觸摸輸入、VR輸入,你都隻需要使用相同的事件偵聽方式處理UI交互。
19、支持在UI層中插入任何3D物體,例如模型、粒子、骨骼動畫等。
20、編輯狀態下使用分散的素材,發布時自動打包圖集。支持定義多個圖集,Unity版本自動支持抽出A通道的壓縮方式。
FairyGUI提供了一個強大的UI編輯器,使用習慣與Adobe係列軟件保持一致,美術設計師和策劃都可以輕鬆上手。
與市場上其他UI編輯器不同,FairyGUI編輯器重視設計師體驗,摒棄了腳本和配置文件這些需要代碼思維的操作。借助FairyGUI提供的 組件、關聯、控製器 以及 動效,我們可以在不寫代碼的情況下使用編輯器輕鬆地製作大量複雜的帶有動畫效果的自動布局的UI。
FairyGUI提供了多個遊戲引擎SDK:Unity、Cocos2d-x、Cry Egine, Havok Vision/Project Anarchy、白鷺、LayaAir、Haxe、Pixi、Flash、Starling,未來還將支持UE4、LibGDX等。借助FairyGUI-SDK,你可以輕鬆在UI中使用3D對象、粒子等元素,而且FairyGUI還解決了環形進度條、像素點擊測試、圖文混排、循環列表、虛擬列表、曲麵UI、VR輸入等UI開發中常見的痛點。
1、運行報錯且看不到界麵,但編輯模式沒問題
例:Create Component1@Package1 failed!
答:這種錯誤一般是因為使用UIPanel,原因可能有:
你的UI包沒有正確放置到Resources目錄,或者Resources拚錯了!太多新手犯這樣的錯誤。
如果有跨包引用,需要使用AddPackage手動載入依賴包,並且注意,AddPackage必須在UIPanel創建之前,建議放到Awake。
如果包發布後移動過位置,或者修改過名稱,重新設置一下UIPanel的包和組件名。
2、顯示不出圖片/文字,但沒有報錯
答:項目中沒有放置FairyGUI的著色器,即插件裏Resources/Shaders裏的著色器。請重新安裝插件。
3、UI顯示有重複,或者UI銷毀後依然顯示
答:場景裏沒有放置主相機。
主相機的ClearFl ags錯誤設置為了Depth。
場景裏還有其他相機,且它的Culling Mask設置勾選了UI。
5.0.4
大幅優化了依賴查詢的速度。
修正了發布對話框裏部分設置沒有保存的bug。
修正了紋理集大小設置為4的倍數沒有生效的bug。
修正了導出資源包功能失效的bug。
命令行發布增加了-t參數,用於指定哪個分支。
Laya項目的代碼發布類型選項增加了“LayaAir(2.0)”,選擇這種類型,則發布的代碼會使用fairygui命名空間而不是fgui。
FairyGUI誕生於2014年,由穀主創立。作者在多年從事遊戲UI開發過程中,深知遊戲開發人員在UI開發中的痛點,一是缺乏簡單易用並可視化的編輯工具,導致程序員和美術耦合過深;二是市麵上的框架不夠成熟,導致二次開發工作量過大,對程序員能力要求高,且難以標準化;三是無力應對多變的需求。FairyGUI就是在這樣的背景下誕生的,曆經多年開發和調優,可以說是市麵上最好用的專業遊戲UI編輯器,而且開源免費!