fgui的ui管理框架_Laya FairyGui系列一 FairyGui接入

一，什么是FairyGui

FairyGUI(下面简称FGUI)提供了一个强大的UI编辑器，使用习惯与Adobe系列软件保持一致，美术设计师和策划都可以轻松上手。与市场上其他UI编辑器不同...。一堆介绍不抄了，有兴趣得自己去看官网。

我选择FairyGUI的最大的原因就是对策划和美术人员比(zi)较(ji)友(tou)好(lan)，学习成本较低，组件完善，不用任何扩展UI也能实现奇葩的UI需求。预览效果中即可看到按钮的不同状态切换，列表的滚动效果，动效的运行效果等等，

二，获取FGUI以及LayaSDK

FGUI编辑器下载链接。

LayaSDK获取：

从官网下载Laya版本的demo(只有Laya2.0版本的SDK)。

从Github下载Laya版本的demo(可以在分支中选择Laya1.0或者2.0)。

本文主要以Laya2.0为例，某些Laya1.0和2.0不同之处会标注

三，集成SDK

把上面下载的demo中的libs/fairygui.d.ts，bin/libs/fairygui(Laya1.0还需拷贝bin/libs/rawinflate)拷贝到自己项目的对应文件夹中。

Laya2.0再项目中index.js引入FGUI库：

loadLib('libs/laya.html.js')

loadLib('libs/rawinflate/rawinflate.min.js')

loadLib('libs/fairygui/fairygui.js')