Egret UI Editor (2D可视化界面编辑器) v1.12.1 安装免费版

egret ui editor是白鹭科技开发的一款开源的2D可视化界面编辑器，是 Egret Wing 的升级版本，通过该软件的编辑界面和 VSCode 开发程序的工作流方式完成游戏项目开发。该软件的独特之处就是有两个编辑器，一个 Exml 可视化编辑器，是针对 EUI 项目中的 Exml皮肤进行代码编辑、可视化编辑、皮肤预览三个功能于一体的混合编辑器。另一个是EXML动画编辑器，通过设置关键帧，可以实现动画效果。除此之外软件还集成资源管理器，通过可视化的拖拽操作，轻松高效地管理游戏素材，灵活定制分组加载规则，快速完成资源配置文件。大大提高了用户的工作效率，全面的优化了用户体验。

ps：今天小编介绍的是egret ui editor官方版，一款开源的游戏代码编辑器，下方有详细的下载、安装教程，有需要的朋友欢迎来本站下载体验哦。

软件安装教程

1、从本站下载Egret Launcher；

2、打开 Egret Launcher 的工具面板，如下图所示，点击安装 Egret UI Editor

3、启动 Egret UI Editor

点击安装好的应用程序即可启动工具。除此之外，您也可以通过命令行的方式打开。

软件功能

Egret 项目中默认的配置文件为resource/default.res.json，您可以在EUI 项目设置中添加更多的配置文件 。

在资源管理器中点击default.res.json，会弹出资源管理器的窗口。

界面的左上角有设计和源码 2个面板切换标签。

设计：通过可视化的方式修改配置文件

源码：直接通过代码的方式修改json配置文件

设计界面大致分为以下几个区，与上图数字对应：

1、资源树

这里以树的形式展示了资源文件的内容。树的左上角有折叠/展开树的功能按钮，和搜索框（采用了模糊匹配）。 选中一项资源会在右侧的信息区和预览区显示所选资源。

右键点击资源，可以删除/在资源管理器中查看。如果是图片资源，可以编辑九宫格。 

可以批量删除资源，同时按住 ctrl/command/shift 键即可选择多项。

可以删除文件夹。

删除资源的同时会从相关的组里自动删除。

可以从本地文件系统中拖入图片等资源到资源树中，拖入的文件自动添加到资源配置中。

如果拖入的资源文件不在当前项目资源目录下，则会自动拷贝到当前项目资源目录的 assets 目录下。

2、资源信息

显示了所选资源的详细内容：

名称：所选资源的名称，注意：不是文件名，而是在配置文件中的名称，不允许有同名出现。

类型：所选资源的类型，有以下几种类型

image:图片资源

json: json 格式的数据文件

text：文本文件

font：位图字体文件

sheet：位图纹理文件

sound：声音文件

bin:二进制文件

附加参数：9宫格的切片信息

二级key：位图纹理 sheet 文件的 subkeys

3、预览区

这里是各种资源的预览效果，image 类型展示为图片，sheet 类型展示为整张图，位图字体展示为位图字。

对于image类型的资源，预览区左下角有一个9宫格编辑按钮，可以打开可视化编辑界面，通过拖拽的方式编辑9宫格

4、资源组

这里显示的是资源文件中groups分组情况。

点添加组按钮可以添加新的资源组。

右键菜单里可以选择删除组。

5、组内资源

这里显示了当前所选组里的资源。选择一项将会在信息区预览区显示该资源详细内容，并在资源树里定位到该资源。

右键菜单里可以选择删除项。

可以多选。

可以批量删除。

双击名字可以改名。

可以从资源树拖拽资源到当前区，将自动添加到当前组。

资源冲突

如果资源文件中有重名的资源项，或者资源对应的文件不存在等错误，则会自动检测出来，并通过标记红框或黄框的形式提醒。在界面底部也会有提示性文字。

button_down.png文件刚被我删掉，该项资源对应的文件不存在，显示为黄色。

checkbox里checkbox_select_down.png的资源名被我改为了checkbox_select_disabled_png，与checkbox_select_disabled.png的资源名产生了冲突，资源重名显示为红色。

表单文件pic.json里的subkey则有一项重名，显示为黄色。

软件特色

1、可视化界面编辑

可以对游戏中的 Exml 皮肤进行

可视化编辑、代码编辑和皮肤预览，

集成三个功能于一体的混合编辑器。

2、集成资源管理器

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

3、可视化动画编辑

通过设置关键帧，即可自动创建补间动画，

实现各种酷炫的界面动画效果。

更新日志egret ui editor v1.12.1 更新日志

[新增] 添加新建窗口功能，支持同时打开多个项目

[优化] 资源库中图片显示分辨率

[优化] 拖拽改变组件大小后不会再添加多余的属性

[优化] 新建皮肤，名称不再额外添加 Skin 后缀

[优化] MacOS 支持拖动项目文件夹到 Dock 图标打开项目

[修复] 文件保存后 * 号提示未消失的问题

[修复] 修改组件 enabled 属性无效的问题

[修复] 组件颜色属性显示错误的问题

[修复] 缩放下拖动控件不跟随鼠标的问题

[修复] 自定义 List 无法设置布局的问题

[修复] 删除 List 数据后 exml 未删除 ArrayCollection 的问题

[修复] 预览模式下点击 TextInput 会导致UI异常的问题