Egret UI Editor 1.12.1中文完整版

Egret UI Editor 1.12.1中文完整版是白鹭引擎配套的可视化EUI皮肤编辑器，专门用来制作和调试Egret项目里的EXML界面文件，对于需要频繁修改游戏界面、又不愿在EXML代码和预览效果之间反复切换的Egret开发者，它提供了一条更直观的路径。

Egret UI Editor快捷键设置教程

1、可以通过菜单【文件】->【首选项】->【快捷键设置】来唤起快捷键修改面板。

2、面板如下：

Egret UI Editor功能详解

1.双模式编辑：可视化画布拖拽编辑+EXML源码视图，两种模式可以随时切换，修改内容双向同步。

2.组件库支持：内置EUI全套基础UI组件，按钮、输入框、滚动列表、容器等，支持自定义组件复用。

3.图层管理：图层面板调整组件层级、显示隐藏、锁定元素，方便复杂界面排版。

4.属性面板：可视化修改尺寸、坐标、颜色、字体、皮肤、对齐方式等全部组件参数。

5.状态编辑：支持组件多状态切换，制作按钮普通、按下、禁用等不同样式。

6.资源管理面板：统一管理图集、图片素材，直接拖拽资源绑定到组件皮肤。

7.实时预览：画布所见即所得，快速查看界面效果，支持缩放画布、标尺辅助对齐。

8.动画编辑：关键帧补间动画制作，给界面元素添加移入、弹窗等动效。

9.多项目支持：可以同时加载多个白鹭项目，在项目之间切换编辑。

Egret UI Editor怎么用

1.启动EgretUIEditor，选择打开Egret引擎项目文件夹（项目内需要包含egretProperties.json配置文件）。

2.在左侧资源树找到skins目录，右键新建EUI皮肤，生成EXML文件并打开画布。

3.从组件面板拖拽按钮、容器、文本等组件到画布，自由摆放位置。

4.在右侧属性面板修改选中组件的宽高、文字、贴图、对齐规则；左侧图层面板调整层级顺序。

5.切换到状态面板，新增组件状态，分别设置每种状态对应的样式。

6.如需精细调整标签，切换到源码面板直接修改EXML代码，画布会同步刷新。

7.编辑完成后保存EXML文件，回到Egret项目编译，引擎即可加载该UI皮肤。

8.搭配预览功能实时核对效果，有布局错位及时在画布调整。

Egret UI Editor怎么导出数据

1.导出EXML源码（默认保存）

编辑完成直接Ctrl+S保存，生成的`.exml`文件就是核心UI描述文件，可直接给白鹭引擎读取，相当于原生导出。

2.导出配套TS代码

新建皮肤时勾选同步生成TS类文件，保存后自动输出对应逻辑脚本，放到项目src目录使用。

3.导出界面截图

画布调整好视图比例，使用截图功能，把当前UI画布导出PNG图片，用于效果图存档、给美术核对。

4.批量导出项目资源

在资源管理器选中图集、图片素材，右键导出，提取项目内UI用到的图片资源。

5.导出动画数据

如果制作了界面补间动画，可以导出动画配置，在引擎内加载复用这套动画参数。