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异常的问题
评论(0)