Cocos Creator 预制的使用模板（一般用于UI）

• Cocos Creator里绑定properties

@property(cc.Prefab)
    XXUIPrefab: cc.Prefab = null;

• 在预制上挂脚本

import { Constants, GameState } from "./data/DWJY_Constants";

const { ccclass, property } = cc._decorator;

@ccclass
export default class XXUI extends cc.Component {

    @property(cc.Node)
    closeBtn: cc.Node = null;//关闭按钮

	//初始化函数
    public init() {
        this.node.active = true;
        Constants.gameState = GameState.PAUSE;
    }

    private function() {
       ...//关于这个UI的一些函数,button绑定事件等
    }

	//关闭自己的函数
    private close() {
        this.node.active = false;
        Constants.gameState = GameState.PLAYING;
    }
}

• 设置一个打开它的函数，如果它已经存在则直接init，如果它不存在或已经被销毁，则instantiate
• 一般这个函数出现在gameManager的绑定脚本里

private showXXUI() {
        let name = 'XXUI';
        let node = this.UI.getChildByName(name);
        if (!node || !cc.isValid(node)) {
            node = cc.instantiate(this.XXUIPrefab);
            node.parent = this.UI;
            node.name = name;
        }
        node.getComponent(XXUI).init();
    }