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

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

軟件簡(jiǎn)介：

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

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

軟件優(yōu)勢(shì)：

可視化界面編輯

可以對(duì)游戲中的 Exml 皮膚進(jìn)行
可視化編輯、代碼編輯和皮膚預(yù)覽，
集成三個(gè)功能于一體的混合編輯器。

集成資源管理器

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

可視化動(dòng)畫編輯

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

界面簡(jiǎn)介：

#資源管理器

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

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

通過拖動(dòng)來移動(dòng)文件或文件夾

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

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

#界面編輯器

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

#圖層

圖層面板 可以通過拖拽來改變界面中元素圖層的上下層級(jí)關(guān)系

#資源庫(kù)

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

#組件

通過 組件面板，可以將默認(rèn)的控件和自定義組件，拖拽到 UI 場(chǎng)景中去。

#屬性控制

最右側(cè)是屬性控制面板，可以調(diào)節(jié)對(duì)應(yīng)元素的各個(gè)屬性。

更新日志：

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

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

[新增] 在圖層面板中，右鍵菜單增加“復(fù)制自定義”的選項(xiàng)，可以單獨(dú)拷貝一個(gè)自定義組件。

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

[新增] 增加自動(dòng)保存當(dāng)前布局的功能，下次打開 UI Editor 時(shí)，會(huì)保持上次關(guān)閉時(shí)的布局樣式。

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

eui//直接打開 Egret UI Editor

eui[項(xiàng)目路徑] //打開項(xiàng)目路徑所在的項(xiàng)目

eui[exml 文件路徑] //打開這個(gè) exml 文件所在的項(xiàng)目，同時(shí)定位到該文件

[修復(fù)] 項(xiàng)目中沒有默認(rèn)配置文件時(shí)，無法編輯皮膚的問題。

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

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

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

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

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

[優(yōu)化] 在窗口的標(biāo)題欄上顯示項(xiàng)目名稱