fairyGUI有个导出代码的功能,类似于MornUI生成UI文件,写代码的时候能够直接点出对应组件来,不用再按名字去取了。这个功能觉得方便的可以用,觉得多一堆文件累赘的可以不用。
注意这里,如果不想包里所有的组件都在创建的时候实例化,请勾选“不生成使用默认名称的成员”,然后需要能够点出来的组件请自己重命名。这里推荐不勾选“使用名称获取成员对象”,这样会使用索引来从包里创建组件。点击发布,我们就由如下目录结构:
得到如下几个文件:
然后开始写代码,在项目入口类Main.ts中,我们需要在addPackage之后添加类扩展,即实例化时用生成的类代替包中的组件。
/**
* 创建游戏场景
* Create a game scene
*/
private createGameScene() {
fairygui.UIPackage.addPackage("test");
Test.TestBinder.bindAll();
this.addChild(fairygui.GRoot.inst.display