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

最新推荐文章于 2022-11-26 18:52:34 发布

原创

最新推荐文章于 2022-11-26 18:52:34 发布 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#egret #fairygui

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

fairyGUI有个导出代码的功能，类似于MornUI生成UI文件，写代码的时候能够直接点出对应组件来，不用再按名字去取了。这个功能觉得方便的可以用，觉得多一堆文件累赘的可以不用。

注意这里，如果不想包里所有的组件都在创建的时候实例化，请勾选“不生成使用默认名称的成员”，然后需要能够点出来的组件请自己重命名。这里推荐不勾选“使用名称获取成员对象”，这样会使用索引来从包里创建组件。点击发布，我们就由如下目录结构：

得到如下几个文件：

然后开始写代码，在项目入口类Main.ts中，我们需要在addPackage之后添加类扩展，即实例化时用生成的类代替包中的组件。

    /**
     * 创建游戏场景
     * Create a game scene
     */
    private createGameScene() {
        fairygui.UIPackage.addPackage("test");
        Test.TestBinder.bindAll();

        this.addChild(fairygui.GRoot.inst.displayObject);

        let mainPanel:MainPanel = new MainPanel();
    }

MainPanel类中，就可以不再自己写从包中创建组