CocosCreator3.8.6如何使用FairyGUI的运行库

FairyGUI介绍

是一款强大又易用的跨平台 UI 编辑器，FairyGUI 官方运行库支持Cocos,Unity,unreal等主流的游戏引擎

准备工作

• 下载编辑器
• 准备好CocosCreator3.8.6的项目工程
• 使用FairyGUI编辑器创建一个界面并且导出

导入FairyGUI运行库

1. 打开package.json文件
2. 添加如下内容

   "dependencies": {
       "fairygui-cc": "latest"
     }
   

3. npm install 安装依赖库

使用FairyGUI运行库

import { _decorator, Component, Node, resources } from 'cc';
const { ccclass, property } = _decorator;
import * as fgui from "fairygui-cc"; // 导入

@ccclass('Root')
export class Root extends Component {
    start() {
        fgui.GRoot.create();

        fgui.UIPackage.loadPackage("ui/Login", function(err) {
            //这里不需要再调用addPackage了，直接可以开始创建界面了

            let view:fgui.GComponent = fgui.UIPackage.createObject('Login', 'Login').asCom;

            //以下几种方式都可以将view显示出来：

            //1，直接加到GRoot显示出来
            fgui.GRoot.inst.addChild(view);
        });
    }

    update(deltaTime: number) {

    }
}

结语

如果你觉得这篇文章有用，记得点赞、收藏、分享，关注我查看更多前端干货！