2D可視化界面編輯器(Egret UI Editor)

Egret UI Editor是一個開源的2D游戲開發(fā)代碼編輯器，是 Egret Wing 的升級版本，通過 EUI Editor 編輯界面和 VSCode 開發(fā)程序的工作流方式完成游戲項目開發(fā)。有需要的小伙伴歡迎來西西下載體驗。

軟件簡介：

2019年1月份 Egret UI Editor 第一次發(fā)布后，我們不斷迭代完善該產(chǎn)品，并在下半年先后發(fā)布了1.5/1.6兩個大版本，并將其徹底開源。UI Editor 是白鷺引擎首款完全開源的編輯器，開源后我們收到了不少開發(fā)者的積極貢獻，包括問題反饋、缺陷修復、用戶體驗改進和新特性等。

之所以這樣設計，是因為 Egret Wing 本身被設計為基于 VSCode 架構的一個巨大的擴展，但是由于 VSCode 本身迭代速度非�？�，并且每次迭代都會包含大量的非向下兼容改動，使得這兩年來消耗了 Egret Wing 團隊很多時間去同步 VSCode 的最新代碼。因此白鷺引擎的 Egret Wing 團隊從2018年下半年開始決定改變這個局面，開發(fā)一款新的開發(fā)工具：Egret UI Editor，將其作為專注于解決 UI 布局的開發(fā)工具，并鼓勵開發(fā)者采用 VSCode 作為代碼編輯器。

軟件優(yōu)勢：

可視化界面編輯

可以對游戲中的 Exml 皮膚進行
可視化編輯、代碼編輯和皮膚預覽，
集成三個功能于一體的混合編輯器。

集成資源管理器

通過可視化的拖拽操作，輕松高效地管理游戲素材，靈活定制分組加載規(guī)則，快速完成資源配置文件。

可視化動畫編輯

通過設置關鍵幀，即可自動創(chuàng)建補間動畫，
實現(xiàn)各種酷炫的界面動畫效果。

界面簡介：

#資源管理器

資源管理器面板 可以用來瀏覽和管理項目中的 EXML 皮膚文件。

打開、創(chuàng)建、刪除文件或文件夾，或者重命名。

通過拖動來移動文件或文件夾

可以使用右鍵菜單來查看所有的操作

注：您可以通過快捷鍵 Ctrl+P 呼出打開文件的快捷面板

#界面編輯器

這部分是 Egret UI Editor 的核心區(qū)域，在此區(qū)域可以編輯界面，制作動畫，修改 Exml 源碼，以及預覽界面最終效果。

#圖層

圖層面板 可以通過拖拽來改變界面中元素圖層的上下層級關系

#資源庫

通過 資源庫面板 ，可以將資源素材拖拽到 UI 場景中去。通過下方的 搜索資源 框，輸入文件名，可以快速查找資源

#組件

通過 組件面板，可以將默認的控件和自定義組件，拖拽到 UI 場景中去。

#屬性控制

最右側是屬性控制面板，可以調節(jié)對應元素的各個屬性。

更新日志：

[新增] 在 EUI 項目設置面板中，增加“添加皮膚文件根路徑”的功能，可以設置多個文件夾為皮膚文件的根路徑。

[新增] 資源配置管理器（Res Editor），支持拖入文件夾

[新增] 在圖層面板中，右鍵菜單增加“復制自定義”的選項，可以單獨拷貝一個自定義組件。

[新增] 增加背景設置的功能，可以將一個圖片設置為編輯器的背景，編輯皮膚時有背景參考圖更加直觀。注意：背景圖只會在編輯器中顯示，最終的項目里不會顯示。

[新增] 增加自動保存當前布局的功能，下次打開 UI Editor 時，會保持上次關閉時的布局樣式。

[新增] 增加通過命令行的方式打開 UI Editor

eui//直接打開 Egret UI Editor

eui[項目路徑] //打開項目路徑所在的項目

eui[exml 文件路徑] //打開這個 exml 文件所在的項目，同時定位到該文件

[修復] 項目中沒有默認配置文件時，無法編輯皮膚的問題。

[修復] 資源配置管理器中，不顯示附加參數(shù)的問題

[優(yōu)化] 將“EUI 項目設置”調整到一級菜單，同時在資源管理器的右鍵菜單中增加入口選項

[優(yōu)化] 調整資源管理器中右鍵菜單的選項，更加合理

[優(yōu)化] 新建 exml 皮膚時，如果更換的路徑不在皮膚文件的根路徑中，會增加提示信息。

[優(yōu)化] 菜單 “打開文件夾” 修改為“打開 Egret 項目”

[優(yōu)化] 在窗口的標題欄上顯示項目名稱