CocosCreator3.x引入FairyGui简述

1.在CocosCreator根目中通过npm下载fairygui

在这里插入图片描述

npm i fairygui-cc --save-d

2.下载成功后,在需要使用fgui的ts文件中import

import * as fgui from "fairygui-cc";
// 创建一个Btn
let node = new fgui.GButton();
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
FairyGUICocosCreator是两个不同的UI开发框架,各自拥有自己的事件系统。如果需要在项目中混用这两个框架,我们可以通过一些方法来实现。 首先,要明确的是FairyGUI使用的是自己的事件系统,而CocosCreator使用的是基于节点的事件系统。因此,在混用这两个框架时,我们需要使用CocosCreator的事件系统来处理整个场景中除了FairyGUI组件外的事件,而使用FairyGUI的事件系统来处理FairyGUI组件上的事件。 具体操作上,我们可以在CocosCreator项目中创建一个节点来展示FairyGUI的UI界面。在这个节点上,我们可以为其挂载一个脚本,以处理该节点上的CocosCreator事件。同时,我们可以在FairyGUI中,为需要响应的组件添加点击事件的回调函数,并由这些回调函数来处理FairyGUI组件上的事件。 当用户点击FairyGUI组件时,由于FairyGUI具有自己的事件系统,该点击事件会被FairyGUI捕捉到并触发相应的回调函数。而对于CocosCreator中的其他节点,点击事件会被CocosCreator的事件系统捕捉到并触发相应的回调函数。我们可以在CocosCreator的事件处理函数中调用FairyGUI的事件处理函数,来实现整个场景的事件处理机制。 总之,通过使用CocosCreator的事件系统处理除FairyGUI外的事件,再使用FairyGUI的事件系统处理FairyGUI组件上的事件,我们可以在项目中混用这两个框架,实现更加灵活多样的交互效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值