今天下午，egret官方突然放出一款产品：Egret UI Editor
image.png
然后，我就迫不及待的下载下来，好好研究研究下，同样，这款产品是基于Electron开发，那么有些思路就和Electron很像，还是给egret来个广告吧，有想试玩的戳这里：https://bbs.egret.com/thread-53039-1-1.html
先让我们看一下这款产品的靓照吧
启动后
打开项目后
主进程预览
主进程代码全部压缩为了一个main.js，可能打包流程做的比较完善，或者，就是这么简单粗暴的开发！
主进程
渲染进程
devtools
能得到的信息只有：
- boxlayout.js来实现的web dock组件，但是这个dock组件并不能弹出，只能在一个html中来回dock
- ui开发使用了react，抱歉，我对这玩意并不熟悉，不做评论
渲染页面
image.png
从图中可以看出，div在画一些元素边框的辅助线，至于顶点辅助线，使用的是svg
image.png
而预览窗口元素依然是渲染在canvas中，用egret core进行管理
关于这款产品
cocos creator插件小王子有话想说，3年前，在egret 2.x版本的时候，小王子因为工作原因，有幸接触了这款引擎9个月，总体来说，那时真的很难用，重点说下egret UI编辑器这块，第一个版本我记得是用flash air开发的，同样跨平台，但是，真的很卡很卡，后来官方重做了egret wing，使用的是vscode，没错，就是现在很多人使用的那个vscode，经过此次重做，egret wing使用体验得到了明显提升，比较流畅，而且又支持了插件开发，没错，你没有看错，使用vscode重构后的egret wing支持了开发UI编辑器插件，为此，官方还搞了一个插件大赛，一等奖最新款MacBook 一台，可惜那时候我能力不足，公司的代码还都写不完呢，白白错过了这次机会，如今，egret wing再次升级，使用Electron进行了完全重构，并且更名为egret ui editor，从flash到vscode再到Electron，我想说，ui交互一点都没有变化，玩玩全全的重写了一变，3波程序员写个同一个编辑器，我有点懵逼，好有钱的感觉，啥时候谁能投资我，我也搞个编辑器出来。
懵逼
总结
总体来说，UI编辑器是中规中矩的思路，在很多地方和cocos creator如出一辙，由于目前能看到的功能有限，基本是将egret wing的功能搬过来，总体编辑器UI体验，真的很丝滑，做了很多缓动动画。
其实我更期待egret paper，这个UI编辑器感觉像是一个过渡产品，并且大部分交互体验为了照顾egret wing，并没有做大的改动，操作上习惯了unity、cocos的话，感觉不是太顺手，并且目前的版本panel并不能弹出，只能在主界面悬浮，也并不支持插件扩展，总之接下来还有很长的路要走，祝egret一路顺风。
网友评论