996版本库,996引擎界面编辑器(官方出品)
下载地址:https://996-tools.dhsf.xqhuyu.com/tutorials/
1.1设置游戏路径
导入游戏的客户端(包含dev目录)和服务端(包含Mir200目录)目录,成功解析后可开始UI编辑。
进入编辑后可保存为项目文件,方便下次打开编辑或项目流转。


打开最近项目,可选择文件列表的查看模式,也可选择预览图的查看模式。如未找到想打开的UI项目,可点击选择项目文件,选择UI项目文件打开进行编辑。

2.1修改ui
在目录中打开脚本以显示UI
脚本内的UI通过[@main]和#say等命令来进行识别,无法包含和解析存在变量中的面板或图片,分片拼接的界面也需要用户自行区分编辑。
网格辅助线

对齐模式:分为上对齐,下对齐,左对齐,右对齐。垂直分布,水平分布六种对齐方式,可快速对组件进行排版
其中,上对齐,下对齐,左对齐,右对齐需要2个或2个以上组件才能生效。
垂直分布,水平分布需要3个或3个以上组件才能生效。
对齐模式中,框选后可通过[鼠标中键]来选择基准组件。

2.2新建ui
新建UI为在编辑器内新建项目,并不是在原目录下新建TXT文件。
需要导出为TXT文件则可以使用代码区域的导出功能。

3.1组件层
组件层显示了当前界面的所有组件,点击可在画布与脚本中定位定位

上下拖动组件可更改显示层级
右键也可以选择进行层级的置顶、置底和上下移动

3.2组件
编辑器中可将不同类型的组件直接拖入画布中,并一边观察界面效果一边实时修改组件的各种参数。而不用先在脚本中调整参数后进游戏看效果
3.2.1图片
a. 一个界面中至少要有一张图片做背景图,默认都会放置一个框体可供编辑,如果对该框体进行删除后,请确保有一张背景图。

b.事件:图片可以链接脚本中的事件,可在游戏中执行事件下的脚本
c.更改图片:如在素材库内无法找到想要的图片,但是在DEV资源内的,可以通过该功能进行查找替换

d.基本参数单位
尺寸和坐标有像素和百分比两种单位
锚点会通过选中组件上的红色圆点来表明
尺寸
像素:调整组件大小的基本单位
百分比:组件相比背景图大小的百分比

坐标
像素:距离界面左上角的像素距离
百分比:组件锚点相对背景图大小的百分比距离

3.2.2按钮
按钮标题:编辑按钮上的字样
可以点击按钮组件查看到按钮的三个状态

悬停提醒:鼠标悬停在组件上的显示

3.2.3复选框
点击后更改图片样式的界面组件
在界面中点击复选框也可以查看选中或未选中的两种状态

3.2.4道具框
放入道具的界面组件,可规定放入道具的类型

3.2.5特效
更改特效id即更改特效
特效的来源为客户端当中的特效列表,如需增加或更改特效,添加素材的同时请编辑特效配置表

调整特效的速度和大小

3.2.6序列帧
序列帧可调整播放的图片数量、速度以及播放次数,-1为无限循环播放

3.2.7文本类
文本:文本组件可选择多颜色进行颜色轮换

富文本:选择颜色后填入脚本中,同一富文本组件可有多颜色字体
双击富文本编辑后,取消选中即可看到富文本在游戏中的状态

输入框:可自行设置字符长度限制,空着时提醒文本,输入类型不符提醒

3.2.8展示类
展示道具或装备的界面组件,可选择背景的有无

道具展示可展示道具的数量

装备展示需选择装备的部位类型

3.2.9容器类
基础容器:可将一些组件放到一个基础容器中,视为一个整体进行编辑
列表容器:放入列表容器中的组件将会成为间隔相同的列表,可调整列表的排列方式和组件间的间隔


4.1脚本层
在脚本层编辑后加载脚本,也可实现UI的编辑
外部的脚本命令也可直接黏贴,选择加载脚本(如外部脚本命令内包含的素材无法找到的话,显示会不完全)外部命令当中有包含容器或者嵌套组的,请注意查看组件ID,防止冲突。

5.1项目导出
完成编辑的UI可将其脚本复制出来,粘贴到原TXT文件中

编辑好的UI也可另保存一份文件,供后续继续编辑,而不影响游戏中的UI

若应用了软件内置的官方资源,可将官方资源导出,放到指定目录中