Egret UI Editor(EUI编辑器)

Egret UI Editor是一款可视化EUI编辑器，用于编辑Egret项目中的EXML皮肤文件。软件提供独立的UI设计环境，开发者可直观调整界面布局和组件效果。软件采用常见工作区布局，包含资源管理、图层、属性等面板，方便查看项目文件和修改组件参数。Egret UI Editor减少了手动编辑代码的操作，让Egret项目的界面开发更加清晰直观。

Egret UI Editor快捷键设置教程

1、可以通过菜单【文件】->【首选项】->【快捷键设置】来唤起快捷键修改面板。

2、面板如下：

Egret UI Editor基本布局介绍

1、编辑器：Exml可视化编辑器的主要区域，您可以通过拖拽标题栏的方式将打开的编辑器组合成自己喜欢的布局。

2、资源管理器：显示您正在编辑的项目，所在的文件夹内的目录结构，这里对除Exml以外的文件做了过滤，所以您你能看到Exml文件和文件夹。另外，如果您在项目的项目的egretProperties.json 中设置了exmlRoot属性的话，在您的资源管理器面板中，则只会显示exmlRoot目录内容。

3、图层：此面板展现的是您当前正在编辑的Exml皮肤内的节点树状结构，您可以在此面板里更加精准的控制皮肤的层级以及组织结构。

4、资源库：资源库内展现的是当前您项目的*.res.json内所指定的资源，您可以通过拖拽的方式，将资源作为UIImage的填充，直接创建在当前编辑器中。

5、组件：组件面板中包含egret引擎自带的所有控件，分为控件和容器两类，同时也包含用户通过继承eui.Component开发的自定义组件。（注意：自定义组件不支持在编辑器中进行渲染，它将会被转为继承的最近的默认组件进行渲染，Egret UI Editor仅支持默认组件的渲染。）

6、对齐：当您在编辑器中多选控件之后，即可使用对齐面板进行对齐相关的快捷操作。

7、属性：对当前编辑器中选中的组件进行属性修改，其中分为常用属性和所有属性两类，如果您有需要设置的属性（如自定义组件的自定义属性）在常用属性 中无法找到的话，可以通过所有属性进行设置。

8、输出：输出面板中会对当前Exml皮肤文件的报错进行输出，起输出为引擎报错内容的输出，您可以通过刷新的方式来检查当前皮肤是否还有错误。输出面板的内容不会自动清空，需要您手动进行清除。

软件特色

1、界面编辑

Egret UI Editor可以对游戏中的Exml皮肤进行可视化编辑、代码编辑和皮肤预览，集成三个功能于一体的混合编辑器。

2、集成资源管理器

通过可视化的拖拽操作，轻松高效地管理游戏素材，灵活定制分组加载规则，快速完成资源配置文件。

4、动画编辑

通过设置关键帧，即可自动创建补间动画，实现各种酷炫的界面动画效果。