egretuieditor中文版

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

    egretuieditor中文版安装教程

    1、从本站下载Egret Launcher;

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

    3、启动 Egret UI Editor

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

    egretuieditor中文版功能

    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则有一项重名,显示为黄色.

    egretuieditor中文版特色

    1、可视化界面编辑

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

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

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

    2、集成资源管理器

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

    3、可视化动画编辑

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

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

    更新日志

    egret ui editor v1.12.1 更新日志

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

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

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

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

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

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

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

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

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

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

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

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