admin 发表于 2020-8-12 05:40:34

FairyGUI

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

1.1 下载

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



大家到官网进行下载即可

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



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



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



首先,我们需要导入素材,我们现在[资源库]->下新建一个文件夹,用于存放素材
这里文件夹的名称要与->[查看]->[列表信息二]->中的一致
需要将此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排版转换工具(查看下一出题)

页: [1]
查看完整版本: FairyGUI