laya使用fairygui入门教程

下载laya的sdk
把FairyGUI-layabox-master\source\bin里的fairygui.js放到laya项目里的bin\libs里 index.js再引入下
引入的顺序不要变
fui只需要core和html两个文件
window.screenOrientation = “sensor_landscape”;
//-----libs-begin-----
loadLib(“libs/laya.core.js”)
loadLib(“libs/laya.html.js”)
//-----libs-end-------
loadLib(“libs/fairygui.js”);
loadLib(“js/bundle.js”);

然后把fairygui.d.ts
放到laya项目目录里的libs里
那里是专门放d.ts文件的地方 这样写代码的时候就会有代码提示了

大概说一下laya和fui设计理念的区别
在laya里 一个界面就是一个文件 每个都是独立的 不论dialog还是view 还是scene
而fui并不是
fui有一个包的概念
比如你有一个背包系统 他可能会用到3个窗口和5个view 这是一整套的
最后都会打到一个包里 最后你加载这个包就可以了
就是下面的代码
fgui.UIPackage.loadPackage(“res/Package1”,new Laya.Handler(this,this.lfun));
lfun():void{
Laya.stage.addChild(fgui.GRoot.inst.displayObject);
let view:fgui.GComponent = fgui.UIPackage.createObject(“res/Package1”,“View1”).asCom;
fgui.GRoot.inst.addChild(view);
}
但是在此之前需要先发布一下

fui的发布设置里，点全局设置
勾选 -使用二进制格式-，
不勾选 -压缩描述文件-
发布路径要写laya项目路径的bin\res

ps：
在fui里 创建好了富文本框
到了laya里显示却完全不一样。。。嗯。。。等laya2.5修复的吧