egret ui editor,一款开源的2D可视化界面编辑器

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

egret ui editor,一款开源的2D可视化界面编辑器

软件安装教程

1、从本站下载Egret Launcher
2、打开 Egret Launcher 的工具面板,如下图所示,点击安装 Egret UI Editor

egret ui editor,一款开源的2D可视化界面编辑器


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

egret ui editor,一款开源的2D可视化界面编辑器

软件功能

Egret 项目中默认的配置文件为resource/default.res.json,您可以在EUI 项目设置中添加更多的配置文件 。
在资源管理器中点击default.res.json,会弹出资源管理器的窗口。

egret ui editor,一款开源的2D可视化界面编辑器


界面的左上角有设计和源码 2个面板切换标签。
设计:通过可视化的方式修改配置文件
源码:直接通过代码的方式修改json配置文件
设计界面大致分为以下几个区,与上图数字对应:
1、资源树

egret ui editor,一款开源的2D可视化界面编辑器


这里以树的形式展示了资源文件的内容。树的左上角有折叠/展开树的功能按钮,和搜索框(采用了模糊匹配)。 选中一项资源会在右侧的信息区和预览区显示所选资源。
右键点击资源,可以删除/在资源管理器中查看。如果是图片资源,可以编辑九宫格。
可以批量删除资源,同时按住 ctrl/command/shift 键即可选择多项。
可以删除文件夹。
删除资源的同时会从相关的组里自动删除。
可以从本地文件系统中拖入图片等资源到资源树中,拖入的文件自动添加到资源配置中。
如果拖入的资源文件不在当前项目资源目录下,则会自动拷贝到当前项目资源目录的 assets 目录下。
2、资源信息

egret ui editor,一款开源的2D可视化界面编辑器


显示了所选资源的详细内容:
名称:所选资源的名称,注意:不是文件名,而是在配置文件中的名称,不允许有同名出现。
类型:所选资源的类型,有以下几种类型
image:图片资源
json: json 格式的数据文件
text:文本文件
font:位图字体文件
sheet:位图纹理文件
sound:声音文件
bin:二进制文件
附加参数:9宫格的切片信息
二级key:位图纹理 sheet 文件的 subkeys
3、预览区

egret ui editor,一款开源的2D可视化界面编辑器


这里是各种资源的预览效果,image 类型展示为图片,sheet 类型展示为整张图,位图字体展示为位图字。
对于image类型的资源,预览区左下角有一个9宫格编辑按钮,可以打开可视化编辑界面,通过拖拽的方式编辑9宫格
4、资源组

egret ui editor,一款开源的2D可视化界面编辑器


这里显示的是资源文件中groups分组情况。
点添加组按钮可以添加新的资源组。
右键菜单里可以选择删除组。
5、组内资源

egret ui editor,一款开源的2D可视化界面编辑器


这里显示了当前所选组里的资源。选择一项将会在信息区预览区显示该资源详细内容,并在资源树里定位到该资源。
右键菜单里可以选择删除项。
可以多选。
可以批量删除。
双击名字可以改名。
可以从资源树拖拽资源到当前区,将自动添加到当前组。
资源冲突
如果资源文件中有重名的资源项,或者资源对应的文件不存在等错误,则会自动检测出来,并通过标记红框或黄框的形式提醒。在界面底部也会有提示性文字。
button_down.png文件刚被我删掉,该项资源对应的文件不存在,显示为黄色。
checkbox里checkbox_select_down.png的资源名被我改为了checkbox_select_disabled_png,与checkbox_select_disabled.png的资源名产生了冲突,资源重名显示为红色。
表单文件pic.json里的subkey则有一项重名,显示为黄色。

软件特色

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

egret ui editor,一款开源的2D可视化界面编辑器


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

egret ui editor,一款开源的2D可视化界面编辑器


3、可视化动画编辑
通过设置关键帧,即可自动创建补间动画,
实现各种酷炫的界面动画效果。

egret ui editor,一款开源的2D可视化界面编辑器

更新日志

egret ui editor v1.12.1 更新日志
[新增] 添加新建窗口功能,支持同时打开多个项目
[优化] 资源库中图片显示分辨率
[优化] 拖拽改变组件大小后不会再添加多余的属性
[优化] 新建皮肤,名称不再额外添加 Skin 后缀
[优化] MacOS 支持拖动项目文件夹到 Dock 图标打开项目
[修复] 文件保存后 * 号提示未消失的问题
[修复] 修改组件 enabled 属性无效的问题
[修复] 组件颜色属性显示错误的问题
[修复] 缩放下拖动控件不跟随鼠标的问题
[修复] 自定义 List 无法设置布局的问题
[修复] 删除 List 数据后 exml 未删除 ArrayCollection 的问题
[修复] 预览模式下点击 TextInput 会导致UI异常的问题

如果需要 ,可以在这里获得:
egret ui editor(2D可视化界面编辑器)下载 v1.12.1官方版 - 多多软件站

展开阅读全文

页面更新:2024-05-22

标签:编辑器   界面   位图   皮肤   名称   编辑   类型   功能   方式   文件   动画   项目   资源   图片   科技   软件

1 2 3 4 5

上滑加载更多 ↓
推荐阅读:
友情链接:
更多:

本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828  

© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号

Top