



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

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

2、面板如下:

1.双模式编辑:可视化画布拖拽编辑+EXML源码视图,两种模式可以随时切换,修改内容双向同步。
2.组件库支持:内置EUI全套基础UI组件,按钮、输入框、滚动列表、容器等,支持自定义组件复用。
3.图层管理:图层面板调整组件层级、显示隐藏、锁定元素,方便复杂界面排版。
4.属性面板:可视化修改尺寸、坐标、颜色、字体、皮肤、对齐方式等全部组件参数。
5.状态编辑:支持组件多状态切换,制作按钮普通、按下、禁用等不同样式。
6.资源管理面板:统一管理图集、图片素材,直接拖拽资源绑定到组件皮肤。
7.实时预览:画布所见即所得,快速查看界面效果,支持缩放画布、标尺辅助对齐。
8.动画编辑:关键帧补间动画制作,给界面元素添加移入、弹窗等动效。
9.多项目支持:可以同时加载多个白鹭项目,在项目之间切换编辑。
1.启动EgretUIEditor,选择打开Egret引擎项目文件夹(项目内需要包含egretProperties.json配置文件)。
2.在左侧资源树找到skins目录,右键新建EUI皮肤,生成EXML文件并打开画布。
3.从组件面板拖拽按钮、容器、文本等组件到画布,自由摆放位置。
4.在右侧属性面板修改选中组件的宽高、文字、贴图、对齐规则;左侧图层面板调整层级顺序。
5.切换到状态面板,新增组件状态,分别设置每种状态对应的样式。
6.如需精细调整标签,切换到源码面板直接修改EXML代码,画布会同步刷新。
7.编辑完成后保存EXML文件,回到Egret项目编译,引擎即可加载该UI皮肤。
8.搭配预览功能实时核对效果,有布局错位及时在画布调整。
1.导出EXML源码(默认保存)
编辑完成直接Ctrl+S保存,生成的`.exml`文件就是核心UI描述文件,可直接给白鹭引擎读取,相当于原生导出。
2.导出配套TS代码
新建皮肤时勾选同步生成TS类文件,保存后自动输出对应逻辑脚本,放到项目src目录使用。
3.导出界面截图
画布调整好视图比例,使用截图功能,把当前UI画布导出PNG图片,用于效果图存档、给美术核对。
4.批量导出项目资源
在资源管理器选中图集、图片素材,右键导出,提取项目内UI用到的图片资源。
5.导出动画数据
如果制作了界面补间动画,可以导出动画配置,在引擎内加载复用这套动画参数。
此内容由AI根据文章内容自动生成,并已由人工审核
开发者其他应用
thonny 5中文完整版
编程工具
38.7M
电脑版
aardio 44中文最新版
编程工具
11M
完整版
Arduino IDE 2.3.10中文完整版
编程工具
150.2M
Windows版
Code Blocks 24.04中文完整版
编程工具
126M
最新版本
Greenfoot 3.9.0中文最新版
编程工具
253.3M
正式版
Kate文本编辑器中文版
编程工具
97.2M
正式版
goclipse插件0.16.1中文完整版
编程工具
46.8M
正式版
Loginsight通用日志分析工具
编程工具
56.0M
官方版
Enterprise Architect 17.2中文最新版
编程工具
649.2M
正式版
Cursor智能 AI 代码生成工具
编程工具
109.9M
v0.14.0 官方版
支持( 0 ) 盖楼(回复)