Unity FairyGUI测试过程

发表于2018-10-16
评论0 4.8k浏览
上一篇《Unity UGUI简单制作过程》给大家介绍了利用Unity UGUI来制作一个简单UI界面的全过程,接下来拿FairyGUI来制作一个相同的界面,最后比较两个UI制作过程的优劣。

一、在FairyGUI Editor里面制作UI

1.导入需要的UI图素

2.拼接UI界面,设定好按钮,开关,标题等

3.导出包,最终会生成一个png文件,一个。bytes文件,一个。sprite.bytes文件,png文件是界面用到的图片的集合。bytes文件描述了UI界面的构成情况。sprite.bytes描述了用到的图片在png文件中的位置关系。

吐槽一下FairyGUI Editor,功能确实比较强大,但是有时候运行很卡,如果对写这个编辑器的作者的设计思路一点不知道的话很难用好这个编辑器,虽然它功能众多。假如把UI界面的事情交付给策划或者美术来做,相信他们会花费一些功夫去熟悉编辑器的使用。

二、Unity这边设置如下图


1.设置入口包名与组件名

2.设置渲染模式,设置Scaler屏幕适配

三、Unity这边代码编写

1.通过GetChild找到GO后,给onClick添加事件

2.编写UI界面对应的继承自Window的类,重写OnInit方法加载包,处理界面内部各个元素的事件与表现形式,设置界面的位置等。

这样运行Unity就能看到制作的UI界面的效果。看起来还不错。

FairyGUI提供了很多基础组件与功能。它的编辑器里面能够编辑动画效果,并且能够轻松的控制,但是它貌似只支持特定的动画与特效文件,没有做过深入研究。
来自:https://blog.csdn.net/andyqingliu/article/details/54908176

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引