0

0

集成Qt Webkit 到cocos2d-x

雪夜

雪夜

发布时间:2025-05-13 08:36:01

|

698人浏览过

|

来源于php中文网

原创

前言

最近我尝试开发一个基于cocos2d的工具。之前在Win32工具中集成的调试辅助工具直接使用了Windows API,扩展起来非常麻烦。此外,Windows默认使用宽字符集,而cocos2d与Lua交互时需要转换为UTF-8,过程十分繁琐。因此,我决定一次性解决这个问题。

与其他工具相比,Qt更为简单,且支持跨平台。虽然本工具主要针对Windows,但为了扩展方便,直接将其设计为Webview是个不错的选择。幸运的是,Qt内置了Webkit组件,可以直接使用。

初识Qt

这是我第一次接触Qt,之前只是听说过,没有实际使用过。初次使用后,感觉还是相当简单的。以下是我遇到的一些问题:

  • Qt的主循环必须在主线程中运行。将其放在子线程会导致消息无法触发。虽然我觉得这点难以理解,但事实如此。由于cocos2d没有提供类似于渲染一帧的接口,我不得不使用多线程来解决这个问题。即:Qt主循环在主线程,cocos2d在子线程。
  • Qt自定义了消息传递方式,即信号(SIGNAL)和槽(SLOT)。需要支持信号和槽的类必须在.h文件中添加Q_OBJECT宏。注意,必须在.h文件中添加,.cpp文件中无效。声明信号和槽时,槽需要自己实现,而信号的代码将由Qt的mocker工具生成。Qt的工具做得相当不错。
  • Qt实现了一套对象管理模式,默认对象都是全局的QApplication的子节点,删除父节点时子节点也会被删除。需要特别注意与其他对象管理方式混用的问题。我之前因为使用了STL的shared_ptr来管理自定义对象,由于全局对象析构时不保证顺序,导致shared_ptr在QApplication之后析构时,程序退出时可能会崩溃。
  • 将C++函数和对象绑定到Webkit的方式也很简单,只需声明为Q_INVOKABLE即可。虽然提供的访问脚本层的接口功能不太强大,但已经足够使用。

为了方便继承,可以将接口导出为C接口,然后在C++中加载并添加回调。由于Webkit默认不允许主动打开本地磁盘文件,我还增加了读取本地文件的接口。

#ifdef _MSC_VER
#define DEBUGER_EXPORT __declspec(dllexport)
#define DEBUGER_IMPORT __declspec(dllimport)
#else
#define DEBUGER_EXPORT __attribute__((visibility("default")))
#define DEBUGER_IMPORT __attribute__((visibility("default")))
#endif
#pragma comment(lib, "debuger.lib")
extern "C" {
    typedef void(*debuger_js_fn)(const char **, size_t*, size_t, char**, size_t*);
    DEBUGER_IMPORT void debuger_init_app(int argc, char** argv);
    DEBUGER_IMPORT int debuger_exec(int(*fn)(int, char**), void(*exit_fn)());
    DEBUGER_IMPORT void debuger_exit(int code);
    DEBUGER_IMPORT void debuger_open_local_file(const char* path, size_t len);
    DEBUGER_IMPORT void debuger_open_url(const char* path, size_t len);
    DEBUGER_IMPORT void debuger_get_charset(char* name, size_t len);
    DEBUGER_IMPORT void debuger_set_charset(const char* name);
    DEBUGER_IMPORT void debuger_eval(const char* code, size_t len, char* ret, size_t* ret_len);
    DEBUGER_IMPORT void debuger_invoke(const char* name, debuger_js_fn fn);
// 注册的回调函数
static void debuger_invoke_run_code(const char ** argv, size_t* argv_len, size_t argc, char** ret, size_t* ret_len) {
    if (argc youjiankuohaophpcn 0) {
        const char* code = argv[0];
        addPendingCode(code);
    }
}

// 初始化注册
void CommandWindow::init(int argc, char** argv) {
    cmd_argc_ = argc;
    cmd_argv_ = argv;
    // 初始化
    debuger_init_app(cmd_argc_, cmd_argv_);
    // 打开本地web页
    debuger_open_local_file("../proj.win32/debuger.webview/index.html", 0);
    // debuger_open_url("http://www.baidu.com", 0);
    // 函数注入
    debuger_invoke("run_code", debuger_invoke_run_code);
}

}

EduPro
EduPro

EduPro - 留学行业的AI工具箱

下载

接下来,只需导入一个Web组件即可完成。我导入了jQuery、jQuery UI和codemirror。唯一需要注意的是,由于Qt线程和cocos2d处于不同线程,需要注意多线程安全。

完成后,可以通过编写Web页面来创建客户端工具,比使用C++方便得多。效果如下:

集成Qt Webkit 到cocos2d-x

点击“执行脚本”按钮,将会执行上面注入的debuger_invoke_run_code函数。非常棒吧。

所有代码已托管在:https://www.php.cn/link/007f1041969194e99b73e4e5fac7396f

相关专题

更多
视频后缀名都有哪些
视频后缀名都有哪些

视频后缀名都有avi、mpg、mpeg、rm、rmvb、flv、wmv、mov、mkv、ASF、M1V、M2V、MPE、QT、VOB、RA、RMJ、RMS、RAM、等等。更多关于视频后缀名的相关知识,详情请看本专题下面的文章,php中文网欢迎大家前来学习。

3351

2023.10.31

C++ Qt图形开发
C++ Qt图形开发

本专题专注于 C++ Qt框架在图形界面开发中的应用,系统讲解窗口设计、信号与槽机制、界面布局、事件处理、数据库连接与跨平台打包等核心技能,通过多个桌面应用项目实战,帮助学员快速掌握 Qt 框架并独立完成跨平台GUI软件的开发。

67

2025.08.15

C++ 图形界面开发基础(Qt方向)
C++ 图形界面开发基础(Qt方向)

本专题系统讲解 使用 C++ 与 Qt 进行图形界面(GUI)开发的核心技能,内容涵盖 Qt 项目结构、窗口组件、信号与槽机制、事件处理、布局管理、资源管理,以及跨平台编译与打包流程。通过多个小型桌面应用实战案例,帮助学习者掌握从界面设计到功能实现的完整 GUI 开发能力。

41

2025.12.05

jquery插件有哪些
jquery插件有哪些

jquery插件有jQuery UI、jQuery Validate、jQuery DataTables、jQuery Slick、jQuery LazyLoad、jQuery Countdown、jQuery Lightbox、jQuery FullCalendar、jQuery Chosen和jQuery EasyUI等。本专题为大家提供jquery插件相关的文章、下载、课程内容,供大家免费下载体验。

150

2023.09.12

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

307

2023.10.13

jquery删除元素的方法
jquery删除元素的方法

jquery可以通过.remove() 方法、 .detach() 方法、.empty() 方法、.unwrap() 方法、.replaceWith() 方法、.html('') 方法和.hide() 方法来删除元素。更多关于jquery相关的问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

390

2023.11.10

jQuery hover()方法的使用
jQuery hover()方法的使用

hover()是jQuery中一个常用的方法,它用于绑定两个事件处理函数,这两个函数将在鼠标指针进入和离开匹配的元素时执行。想了解更多hover()的相关内容,可以阅读本专题下面的文章。

490

2023.12.04

jquery实现分页方法
jquery实现分页方法

在jQuery中实现分页可以使用插件或者自定义实现。想了解更多jquery分页的相关内容,可以阅读本专题下面的文章。

177

2023.12.06

php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

74

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Git 教程
Git 教程

共21课时 | 2.3万人学习

Git版本控制工具
Git版本控制工具

共8课时 | 1.5万人学习

Git中文开发手册
Git中文开发手册

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号