cocos2d-Lua FairyGUI移植(一)

最新推荐文章于 2024-10-18 11:21:35 发布

鹤九日

最新推荐文章于 2024-10-18 11:21:35 发布

阅读量1k

点赞数

分类专栏： FairyGUI 文章标签： cocos2d

本文链接：https://blog.csdn.net/qq_24726043/article/details/121916474

版权

FairyGUI 专栏收录该内容

12 篇文章 5 订阅

订阅专栏

简介

官网：FairyGUI

FairyGUI有普通版和专业版的区分，专业版与普通版相比较，仅仅增加了两个方面的限制：

关于对Spine等骨骼动画的使用
关于对辅助工具查找重复资源和未使用资源的使用

在这里真的要感谢下官方没有对FairyGUI添加诸多的收费限制，一般开发使用免费版的即能满足需求。

优势

专业版提供了丰富的辅助工具，可以一键查找未使用资源，重复资源相关
提供了丰富的组件使用，比如MovieClip, 动效，控制器，关联系统等
简化了对图片组件的使用，如果更换图片直接使用GLoader
简化了对骨骼动画的使用，直接通过组件GLoader3D就可以支持
可将多个不同类型的组件嵌套在一起，比如按钮，动画等，不需要编写一行代码
编译器内置了多国语言，直接切换就可以查看效果
编译器添加了对组件的关联，可以很友好的支持各种适配

CocosLua接入流程

官网暂时没有提供对Lua的示例相关，且在项目中使用FairyGUI需要手动添加tolua++的接口支持。
而在Quick-Cocos2dx-Lua中，丰富了关于tolua++接口相关，推荐使用。

参考: Quick-Cocos2dx-Lua
环境: cocos2d-x Lua 3.17; Mac 10.14.6 Xcode

打开Xcode项目，修改CCLabel.h文件：

// CCLabel.h 
// 添加virutal标记，主要原因是FairyGUI对Label相关进行了实现
virtual void updateBMFontScale() override;

打开Quick-Cocos2dx-Lua项目:

将 …/cocos/scripting/lua-bindings/manual/fairygui 拷贝到项目的 …/frameworks/cocos2d-x/cocos/scripting/lua-bindings/manual中，该目录文件主要是实现tolua++相关的接口
将…/cocos/editor-support/fairygui 目录拷贝到项目的 …/frameworks/cocos2dx/cocos/editor-support中，该目录文件主要是FairyGUI的实现接口相关

打开Xcode项目:

将lua-binding中的fairygui相关，添加到cocos2d_lua_bindings.xcodeproj的manual目录中
将editor-support中的fairygui相关，添加到cocos2d_libs.xcodeproj的editor-support目录中
添加时，注意：Add folders要选择:Create Groups，且Build Settings下的User Header Search Paths下添加fairygui的配置路径

打开lua_module_register.cpp 文件，添加如下代码：

// lua_module_register.cpp
#include "scripting/lua-bindings/manual/fairygui/lua_fairygui.hpp"

int lua_module_register(lua_State* L)
{
 // ...
 register_fairygui_manual(L); 
}

编译报错：

indclude文件引用错误，可修改下路径相关
某些接口没有实现，直接移植下即可
某些枚举没有，直接移植下即可

测试代码：

--[[
* 将FairyGUI-Cocos2dx/Examples/.../UI下的Bag_atlas0.png, Bag.fui资源文件拷贝到项目res中
* 通过tolua.isnull获取的接口为false，且tolua.type的对应接口为GRoot和GComponent表示成功
]]

-- 添加包
fairygui.UIPackage:addPackage("fgui/Bag")

-- 获取根节点
local root = fairygui.GRoot:create(display.getRunningScene())
print(tolua.isnull(root), tolua.type(root))
root:retain()

-- 获取view 
local view = fairygui.UIPackage:createObject("Bag", "Main")
print(tolua.isnull(view), tolua.type(view))
if view then 
 root:addChild(view)
end