Egret UI Editor(2D游戏开发代码编辑器) v1.12.1免费版
免费软件- 软件大小：65.2MB
- 软件语言：英文
- 更新时间： 2021-12-21
- 软件类型：国产软件
- 运行环境：win系统
- 软件等级 :
大雀下载地址
- 介绍说明
- 下载地址
- 相关推荐
Egret UI Editor免费版是一款开源的2D游戏开发代码编辑器，软件能够帮助用户轻松完成2D游戏开发的各种工作，让游戏开发更加简单便捷，软件界面简洁功能按键清晰明了，满足用户的各种2D游戏开发功能需求，有效的提高了游戏的开发效率。Egret UI Editor免费版主要功能是针对 Egret 项目中的 Exml 皮肤文件进行可视化编辑，编辑方式包括但不限于托拉拽等，用于开发HTML5游戏时对UI进行编辑，可视化的操作可以让你更直观的看到UI修改出来的效果，更方便的进行调整；Egret UI Editor免费版为用户提供了可视化界面编辑，可以对游戏中的Exml皮肤进行可视化编辑、代码编辑和皮肤预览，还支持通过可视化的拖拽操作，轻松高效地管理游戏素材，灵活定制分组加载规则，快速完成资源配置文件，有兴趣的小伙伴快来下载体验吧！
Egret UI Editor免费版可以对游戏中的 Exml 皮肤进行可视化编辑、代码编辑和皮肤预览，集成三个功能于一体的混合编辑器
2、集成资源管理器
通过可视化的拖拽操作，轻松高效地管理游戏素材，灵活定制分组加载规则，快速完成资源配置文件
4、可视化动画编辑
通过设置关键帧，即可自动创建补间动画，实现各种酷炫的界面动画效果
资源管理器面板可以用来浏览和管理项目中的 EXML 皮肤文件
打开、创建、删除文件或文件夹，或者重命名
通过拖动来移动文件或文件夹
可以使用右键菜单来查看所有的操作
注：您可以通过快捷键 Ctrl+P 呼出打开文件的快捷面板
2、界面编辑器
这部分是Egret UI Editor免费版的核心区域，在此区域可以编辑界面，制作动画，修改Exml源码，以及预览界面最终效果
3、图层
图层面板可以通过拖拽来改变界面中元素图层的上下层级关系
4、资源库
通过资源库面板 ，可以将资源素材拖拽到UI场景中去，通过下方的搜索资源框，输入文件名，可以快速查找资源
5、组件
通过组件面板，可以将默认的控件和自定义组件，拖拽到UI场景中去
6、属性控制
最右侧是属性控制面板，可以调节对应元素的各个属性
2、用Egret UI Editor打开项目
3、创建场景
将场景创建在resource/eui_skins/目录下
创建场景resource/eui_skins/myskins/StartSceneSkin.exml
配置场景显示内容（场景、控件、约束、尺寸位置）
4、命令运行项目egret run -a
发现项目无法显示场景,需要在代码中引用场景
5、引用场景（皮肤）
方法一
创建引用场景类
eui-demo/src/StartScene.ts
具体代码
这个时候你可能急着去运行项目了，发现没什么luan用，不报错也不展示
因为你没在main.ts引用使用这个场景
this.addChild(new StartScene());
方法二
创建引用场景类
eui-demo/src/StartScene.ts
具体代码
这个时候你可能急着去运行项目了，发现没什么luan用，不报错也不展示
因为你没在main.ts引用使用这个场景
this.addChild(new StartScene());
然后运行还是不显示，因为没有绑定场景
绑定方法为修改resource/default.thm.json 配置文件
6、运行项目
命令：egret run -a
来吧，展示（可以用 Egret Inspector 工具进行调试）
7、可能问题
当创建场景时没有创建在resource/eui_skins/这个目录下，而是创建在了resource/这个目录下，创建为resource/my_skins/MySceneSkin.exml，这个时候我们在Egret UI Editor软件中无法看到我们创建的场景
解决方法（配置 egretProperties.json 文件）
这个时候我们就能看见场景了
后边的步骤就都一样了
1、新增添加新建窗口功能，支持同时打开多个项目
2、优化资源库中图片显示分辨率
3、优化拖拽改变组件大小后不会再添加多余的属性
4、优化新建皮肤，名称不再额外添加 Skin 后缀
5、优化MacOS 支持拖动项目文件夹到 Dock 图标打开项目
6、修复文件保存后 * 号提示未消失的问题
7、修复修改组件 enabled 属性无效的问题
8、修复组件颜色属性显示错误的问题
9、修复缩放下拖动控件不跟随鼠标的问题
10、修复自定义 List 无法设置布局的问题
11、修复删除 List 数据后 exml 未删除 ArrayCollection 的问题
12、修复预览模式下点击 TextInput 会导致UI异常的问题
软件特色
1、可视化界面编辑Egret UI Editor免费版可以对游戏中的 Exml 皮肤进行可视化编辑、代码编辑和皮肤预览，集成三个功能于一体的混合编辑器
2、集成资源管理器
通过可视化的拖拽操作，轻松高效地管理游戏素材，灵活定制分组加载规则，快速完成资源配置文件
4、可视化动画编辑
通过设置关键帧，即可自动创建补间动画，实现各种酷炫的界面动画效果
功能介绍
1、资源管理器资源管理器面板可以用来浏览和管理项目中的 EXML 皮肤文件
打开、创建、删除文件或文件夹，或者重命名
通过拖动来移动文件或文件夹
可以使用右键菜单来查看所有的操作
注：您可以通过快捷键 Ctrl+P 呼出打开文件的快捷面板
2、界面编辑器
这部分是Egret UI Editor免费版的核心区域，在此区域可以编辑界面，制作动画，修改Exml源码，以及预览界面最终效果
3、图层
图层面板可以通过拖拽来改变界面中元素图层的上下层级关系
4、资源库
通过资源库面板 ，可以将资源素材拖拽到UI场景中去，通过下方的搜索资源框，输入文件名，可以快速查找资源
5、组件
通过组件面板，可以将默认的控件和自定义组件，拖拽到UI场景中去
6、属性控制
最右侧是属性控制面板，可以调节对应元素的各个属性
使用方法
1、创建EUI项目2、用Egret UI Editor打开项目
3、创建场景
将场景创建在resource/eui_skins/目录下
创建场景resource/eui_skins/myskins/StartSceneSkin.exml
配置场景显示内容（场景、控件、约束、尺寸位置）
4、命令运行项目egret run -a
发现项目无法显示场景,需要在代码中引用场景
5、引用场景（皮肤）
方法一
创建引用场景类
eui-demo/src/StartScene.ts
具体代码
这个时候你可能急着去运行项目了，发现没什么luan用，不报错也不展示
因为你没在main.ts引用使用这个场景
this.addChild(new StartScene());
方法二
创建引用场景类
eui-demo/src/StartScene.ts
具体代码
这个时候你可能急着去运行项目了，发现没什么luan用，不报错也不展示
因为你没在main.ts引用使用这个场景
this.addChild(new StartScene());
然后运行还是不显示，因为没有绑定场景
绑定方法为修改resource/default.thm.json 配置文件
6、运行项目
命令：egret run -a
来吧，展示（可以用 Egret Inspector 工具进行调试）
7、可能问题
当创建场景时没有创建在resource/eui_skins/这个目录下，而是创建在了resource/这个目录下，创建为resource/my_skins/MySceneSkin.exml，这个时候我们在Egret UI Editor软件中无法看到我们创建的场景
解决方法（配置 egretProperties.json 文件）
这个时候我们就能看见场景了
后边的步骤就都一样了
更新日志
Egret UI Editor免费版 v1.12.1更新日志（2021-2-22）1、新增添加新建窗口功能，支持同时打开多个项目
2、优化资源库中图片显示分辨率
3、优化拖拽改变组件大小后不会再添加多余的属性
4、优化新建皮肤，名称不再额外添加 Skin 后缀
5、优化MacOS 支持拖动项目文件夹到 Dock 图标打开项目
6、修复文件保存后 * 号提示未消失的问题
7、修复修改组件 enabled 属性无效的问题
8、修复组件颜色属性显示错误的问题
9、修复缩放下拖动控件不跟随鼠标的问题
10、修复自定义 List 无法设置布局的问题
11、修复删除 List 数据后 exml 未删除 ArrayCollection 的问题
12、修复预览模式下点击 TextInput 会导致UI异常的问题
下载地址
- PC版
- 电信高速下载
- 联通高速下载
- 广东电信下载
- 山东电信下载
默认解压密码：www.daque.cn
如需解压，请在本站下载飞压软件进行解压！
