FairyGUI

admin

FairyGUI是一款很好用的跨平台UI编辑器，
下载完成后，解压此压缩包即可使用了

1.1 下载

官方网站：https://www.fairygui.com/



大家到官网进行下载即可

新建UI项目
打开工具后，点击“创建新项目”



填写项目名称，选择项目路径，这里项目类型随意了，就用默认的“Unity”即可，点击“创建”



素材导入
项目创建完成后，我们就来到了编辑器当中



首先，我们需要导入素材，我们现在[资源库]->[Package1]下新建一个文件夹，用于存放素材
这里文件夹的名称要与[M2]->[查看]->[列表信息二]->[Wil资源]中的一致
需要将此pak种的素材提前导出来

将导出的图片拖入到文件夹下即可，如图



组件名称随意填写，大小先默认，后面要改动

还记得上面提到的素材预览区域吗？我们点击一张对话框的背景图，比如我这里是00000
可以看到图片的尺寸，400x528



这里我们对应把NpcDlg这个组件的尺寸也改成400x528
点击NpcDlg组件，在属性检查器这里，修改尺寸，即可



添加对话框背景图
从[资源库]中将背景图拖入到操作区即可
修改位置 x:0 y:0 使其对其
建议每添加一个组件/图层，都修改一下组件的名称，规范一下，便于我们集中管理
DLG转换工具从第2个图层开始读取信息，所以必须要有一张背景图，背景图必须位于最底层



添加交互组件
下面我们就可以开始添加交互组件了，例如添加一段文本
点击文件组件按钮，指针会有所改变，然后在对话框中点击一下，就新建了一个文本框



创建完成以后，有几个地方需要说明一下



1.组件名称，需要和引擎中的标签相对应，比如文本，需要将组件名称修改为text,图片修改为img,按钮修改为imgex,动画修改为playimg,等等
2.文本就是文本内容了，末尾要以;结尾
3.字体：SimSun 宋体
4.大小: 12 游戏中的字号
5.颜色：这里选择对应的颜色即可，DLG转换工具会自动转换成255颜色,255颜色表对应的16进制颜色代码在压缩包中有
6.Tooltips：悬浮提示，即游戏中鼠标放在上面所显示的tips，末尾要以;结尾，可以不填
7.自定义数据：这里就根据不同的标签不同使用了，转换工具里面会有具体的提示，末尾要以;结尾

再举一个playimg的例子，将动画序列的第一帧拖进来即可，组件名称修改为playimg



这样差不多就OK了，ctrl+s保存一下

xml文件（可跳过）
在我们最初创建的项目路径下\assets\Package1中有一个对应的组件xml
比例我创建的NpcDlg组件，会有一个对应的NpcDlg.xml，这里就是存放坐标、提示、颜色等等等一些交互组件信息的地方
当然，这些数据不能直接使用，需要转换。

下面就讲DLG排版转换工具(查看下一出题)