17850人加入学习
(60人评价)
强大的UI编辑器 - FairyGUI入门教程

制作于2018年1月25日

价格 免费

建Scenes、Scrpit、Resources

建FGUI,放导出的工程

 

标记需要打包的组件:设置为导出

 

点击发布

导出目录:打包在Resources/FGUI内

 

方法一:

stage camera

去除Main Camera关闭UI渲染

设置镜头比例

设置镜头分辨率

UI Content Scaler

 

两个摄像机的问题

关闭MainCamera的CullingMask的UI的渲染

 

方法二:

创建一个脚本

创建空物体挂接脚本

代码:

1、导入命名空间

2、GRoot.  分辨率

3、UIPackage 导入包名

目录名一定要在Resources内

4、GComponent 导入包名、组件名

5、 实例化

[展开全文]

设置为导出

发布

Unity里面注意事项;

MainCanera默认是显示UI的,去掉勾选。就不会重复显示了。

FGUI会自动建立一个新的Stage camera负责显示FGUI panel

 

UI content scaler调整UI自适应分辨率设置

[展开全文]

方法一:导入插件->新建UIPanel->设置组件->设置主相机不显示UI->UIPanel添加屏幕自适应脚本

方法二:新建GameObject->挂载脚本

GRoot.inst.SetContentScaleFactor(800, 600);

UIPackage.AddPackage("FGUI/common");

GComponent component = UIPackage.CreateObject("common", "Component1").asCom;

GRoot.inst.AddChild(component);

 

[展开全文]

在Unity 里面有两种方式显示FGUI发布的组件

1. 直接在Unity里面添加FaryGUI的UIPanel

2. 使用C#脚本创建对象

[展开全文]

注意:要导出的包一定要右键设置为导出(小红点)

右键点发布

 

[展开全文]

void Star()

{

 Groot.inst.SetContentScaleFactor(800,600);

UIPackage.AddPackage("FGUI/Package1");

GComponent component = UIPackage.CreateObject("Package1","Component1").asCom;

GRoot.inst.AddChild(component);

}

[展开全文]

为UIPanel添加脚本UI Content Scaler设置Scale With Screen Size

分辨率800x600

这样UI中的元件也会随着屏幕大小变化而变化。

在Game窗口设置比例为4*3就是800*600的窗口,由于UI不会因此发生变化,所以要加上面所说的脚本来对UI也进行随着屏幕大小变化而变化。

代码中直接用 GRoot.inst.SetContentScaleFactor(800, 600);来表示上面的添加脚本

UIPackage.AddPackage("包路径");

加载包之后,就可以加载包里面的组件了。

用GComponent类存储组件,通过UIPackage中的CreateObject方法("包名","组件名")来获取组件,由于Create出的是GObject通过.asCom或者as Component来转换为正确的类型。 

最后设置该组件的父物体为GRoot

[展开全文]