egret学习记录(二)--fairyGUI实例学习以及重点(一)(2018/03/08)

本文介绍了fairyGUI的导出代码功能,如何避免自动实例化所有组件,并推荐了配置选项。通过发布得到的类文件,可以在MainPanel中直接实例化,简化创建组件的代码。这是一个提高效率的方法,适用于egret和fairyGUI的开发。
摘要由CSDN通过智能技术生成

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值