Egret UI Editor该软件可以协助用户轻松完成2D游戏开发的各种工作，一款开源式的2D游戏开发代码编辑软件。使游戏开发更加简单方便，软件界面简单，功能键清晰，满足用户对各种2D游戏开发功能的需求，有效提高游戏开发效率。Egret UI Editor绿色版编辑器的主要功能是可视化地编辑egret项目中的exml皮肤文件。编辑方法包括但不限于拖放。用于在开发HTML5游戏时编辑网页。直观的操作可以让你更直观的看到网页修改的效果，更方便的调整。这款网页编辑器免费版为用户提供了可视化界面编辑功能，用户可以在游戏中可视化编辑exml皮肤，编辑代码并预览皮肤。支持可视化拖放操作，方便高效地管理游戏素材，灵活定制分组加载规则，快速完成资源配置文件。感兴趣的小伙伴们千万不要错过了快来本站下载体验吧。

软件特色

1、可视化界面编辑可以对游戏中的 Exml 皮肤进行可视化编辑、代码编辑和皮肤预览，集成三个功能于一体的混合编辑器2、集成资源管理器通过可视化的拖拽操作，轻松高效地管理游戏素材，灵活定制分组加载规则，快速完成资源配置文件4、可视化动画编辑通过设置关键帧，即可自动创建补间动画，实现各种酷炫的界面动画效果

功能介绍

1、资源管理器资源管理器面板可以用来浏览和管理项目中的 EXML 皮肤文件打开、创建、删除文件或文件夹，或者重命名通过拖动来移动文件或文件夹可以使用右键菜单来查看所有的操作注：您可以通过快捷键 Ctrl+P 呼出打开文件的快捷面板2、界面编辑器这部分是Egret UI Editor绿色版的核心区域，在此区域可以编辑界面，制作动画，修改Exml源码，以及预览界面最终效果3、图层图层面板可以通过拖拽来改变界面中元素图层的上下层级关系4、资源库通过资源库面板 ，可以将资源素材拖拽到页面场景中去，通过下方的搜索资源框，输入文件名，可以快速查找资源5、组件通过组件面板，可以将默认的控件和自定义组件，拖拽到页面场景中去6、属性控制最右侧是属性控制面板，可以调节对应元素的各个属性

使用方法

1、创建网页项目2、用该软件打开项目3、创建场景将场景创建在resource/eui_skins/目录下创建场景resource/eui_skins/myskins/StartSceneSkin.exml配置场景显示内容（场景、控件、约束、尺寸位置）4、命令运行项目 run -a发现项目无法显示场景,需要在代码中引用场景5、引用场景（皮肤）方法一创建引用场景类eui-demo/src/StartScene.ts具体代码这个时候你可能急着去运行项目了，发现没什么luan用，不报错也不展示因为你没在main.ts引用使用这个场景this.addChild(new StartScene());方法二创建引用场景类demo/src/StartScene.ts具体代码这个时候你可能急着去运行项目了，发现没什么luan用，不报错也不展示因为你没在main.ts引用使用这个场景this.addChild(new StartScene());然后运行还是不显示，因为没有绑定场景绑定方法为修改resource/default.thm.json 配置文件6、运行项目命令：egret run -a来吧，展示（可以用该软件工具进行调试）7、可能问题当创建场景时没有创建在resource/eui_skins/这个目录下，而是创建在了resource/这个目录下，创建为resource/my_skins/MySceneSkin.exml，这个时候我们在Egret UI Editor软件中无法看到我们创建的场景解决方法（配置 Properties.json 文件）这个时候我们就能看见场景了后边的步骤就都一样了

更新日志

1、新增添加新建窗口功能，支持同时打开多个项目2、优化资源库中图片显示分辨率3、优化拖拽改变组件大小后不会再添加多余的属性4、优化新建皮肤，名称不再额外添加 Skin 后缀5、优化MacOS 支持拖动项目文件夹到 Dock 图标打开项目6、修复文件保存后 * 号提示未消失的问题7、修复修改组件 enabled 属性无效的问题8、修复组件颜色属性显示错误的问题9、修复缩放下拖动控件不跟随鼠标的问题10、修复自定义 List 无法设置布局的问题11、修复删除 List 数据后 exml 未删除 ArrayCollection 的问题12、修复预览模式下点击 TextInput 会导致网页异常的问题