cocos creator 和 FairyGUI 联合开发下

一:实现加载UI界面

1.先在主界面加一个空节点,一般都是通过空节点来执行主逻辑脚本

节点名必须和脚本名字一致


空节点


cocos creator 和 FairyGUI 联合开发下_第1张图片
脚本

2.DemoEntry.ts  

在onLoad()中加载ui包CW

cocos creator 和 FairyGUI 联合开发下_第2张图片
加载CW包

初始化场景界面

如 this._view = fgui.UIPackage.createObject("CW", "game_start").asCom; 获得    开始界面  然后通过 fgui.GRoot.inst.addChild(this._view);加载界面

cocos creator 和 FairyGUI 联合开发下_第3张图片

3.运行界面如下


cocos creator 和 FairyGUI 联合开发下_第4张图片
开始界面

界面出来了是不是很开心

二:给控件增加监听

1.通过onClick实现点击监听

cocos creator 和 FairyGUI 联合开发下_第5张图片
按钮点击监听

2.通过.on(fgui.Event.STATUS_CHANGED,function () { 实现对控制器状态改变的监听

控制器状态监听

你可能感兴趣的:(cocos creator 和 FairyGUI 联合开发下)