今天下午，egret官方突然放出一款產(chǎn)品：Egret UI Editor
image.png
然后，我就迫不及待的下載下來，好好研究研究下，同樣，這款產(chǎn)品是基于Electron開發(fā)，那么有些思路就和Electron很像，還是給egret來個廣告吧，有想試玩的戳這里：https://bbs.egret.com/thread-53039-1-1.html
先讓我們看一下這款產(chǎn)品的靚照吧
啟動后
打開項目后
主進程預覽
主進程代碼全部壓縮為了一個main.js，可能打包流程做的比較完善，或者，就是這么簡單粗暴的開發(fā)！
主進程
渲染進程
devtools
能得到的信息只有：
- boxlayout.js來實現(xiàn)的web dock組件，但是這個dock組件并不能彈出，只能在一個html中來回dock
- ui開發(fā)使用了react，抱歉，我對這玩意并不熟悉，不做評論
渲染頁面
image.png
從圖中可以看出，div在畫一些元素邊框的輔助線，至于頂點輔助線，使用的是svg
image.png
而預覽窗口元素依然是渲染在canvas中，用egret core進行管理
關于這款產(chǎn)品
cocos creator插件小王子有話想說，3年前，在egret 2.x版本的時候，小王子因為工作原因，有幸接觸了這款引擎9個月，總體來說，那時真的很難用，重點說下egret UI編輯器這塊，第一個版本我記得是用flash air開發(fā)的，同樣跨平臺，但是，真的很卡很卡，后來官方重做了egret wing，使用的是vscode，沒錯，就是現(xiàn)在很多人使用的那個vscode，經(jīng)過此次重做，egret wing使用體驗得到了明顯提升，比較流暢，而且又支持了插件開發(fā)，沒錯，你沒有看錯，使用vscode重構后的egret wing支持了開發(fā)UI編輯器插件，為此，官方還搞了一個插件大賽，一等獎最新款MacBook 一臺，可惜那時候我能力不足，公司的代碼還都寫不完呢，白白錯過了這次機會，如今，egret wing再次升級，使用Electron進行了完全重構，并且更名為egret ui editor，從flash到vscode再到Electron，我想說，ui交互一點都沒有變化，玩玩全全的重寫了一變，3波程序員寫個同一個編輯器，我有點懵逼，好有錢的感覺，啥時候誰能投資我，我也搞個編輯器出來。
懵逼
總結
總體來說，UI編輯器是中規(guī)中矩的思路，在很多地方和cocos creator如出一轍，由于目前能看到的功能有限，基本是將egret wing的功能搬過來，總體編輯器UI體驗，真的很絲滑，做了很多緩動動畫。
其實我更期待egret paper，這個UI編輯器感覺像是一個過渡產(chǎn)品，并且大部分交互體驗為了照顧egret wing，并沒有做大的改動，操作上習慣了unity、cocos的話，感覺不是太順手，并且目前的版本panel并不能彈出，只能在主界面懸浮，也并不支持插件擴展，總之接下來還有很長的路要走，祝egret一路順風。
