【QT进阶】Qt Web混合编程之CMake VS2019编译并使用QCefView(图文并茂超详细版本)

往期回顾

【QT进阶】Qt Web混合编程之CEF、QCefView简单介绍-CSDN博客

【QT进阶】Qt Web混合编程之VS2019 CEF的编译与使用(图文并茂超详细介绍)-CSDN博客【QT进阶】Qt Web混合编程之QWebEngineView基本用法-CSDN博客【QT进阶】Qt Web混合编程之VS2019 CEF的编译与使用(图文并茂超详细介绍)-CSDN博客

【QT进阶】Qt Web混合编程之CMake VS2019编译并使用QCefView

一、具体编译操作

1、下载QCefView

注意QCefView是Qt对CEF的封装,编译时需要依赖CEF。

QCefView官网 https://cefview.github.io/QCefView/

Github https://github.com/CefView/QCefView

2、克隆代码

git clone https://github.com/CefView/QCefView.git

git clone https://github.com/CefView/CefViewCore.git

虽然QCefView_工程里有CefViewCore目录,但是是空的,需要手动clone下CefViewCore的代码,然后放到QCefView.工程里。

直接把QCefView文件夹里的CefViewCore文件夹删了,然后把外面有代码的文件夹放进去就成了

3、设置版本

3.1CEF依赖

CefViewCore\CefConfig.cmake

在编译CEF时需要下载CEF,提供的是x64的链接,也可以提前下好,放到相应的目录

由于我们之前已经下载了,这里cmake文件夹里自然就是有的

3.2Qt版本设置

打开QCefView根目录的QtConfig.cmake

修改qt_sdk的版本,同时把这个加入到系统变量中

4、使用CMake编译

在QCefView文件夹里创建build目录和sdk目录

打开CMake开始配置路径、编译x64版本

跟编译cef一样的,最上面是QCefView的目录,下面是build文件夹目录,然后Configure,选择vs2019,x64

这个过程会很慢,慢慢等待,而且如果没有上网环境的话,是下不了的。

下载好之后,勾选这几个需要的,把安装目录改成之前新建的sdk,generate完成

5、直接open project/打开build文件夹里的sln文件,进入到项目里去

记得修改一下qt版本为msvc2019_64

6、提取sdk

把生成的头文件等都放到sdk文件夹

7、添加缺少的dll

还有platform平台的dll,因为他设置的qt版本和我们自己实际安装的不一样,所以要替换这几个

8、最后成功运行

二、使用QCefView

1、将QCefView sdk copy到项目中,右键项目属性进行配置,include, lib, bin分别添加

2、 copy QCefView提供的代码,窗口和main函数代码

3、 copy QCefView Qt设计器布局

4、调整CefViewWidgets.h的头文件

5、调整代码,去掉主界面的水平布局,在Qt设计里以及布局ok了

6、解决编译错误

无法链接的错误:要么是lib未链接,lib名或路径写错了,要么就是虚函数未实现

QCefView将CefViewWidget类分了两个地方实现,代码少Copy一些,虚函数未链接,编译失败。


以上就是CMake VS2019编译并使用QCefView的简单介绍。

都看到这里了,点个赞再走呗朋友~

加油吧,预祝大家变得更强!

相关推荐
格林威37 分钟前
工业相机Chunk功能全解析:图像嵌入时间戳、编码器元数据(附堡盟C#代码)
开发语言·人工智能·数码相机·计算机视觉·c#·视觉检测·工业相机
小大宇1 小时前
Python 集成 Conda
开发语言·python·conda
还是奇怪1 小时前
Simon Willison 用 DSPy 优化 Datasette Agent 提示词:提示工程正在变成可测试的软件工程
java·开发语言·软件工程
小大宇2 小时前
python flask框架 SSE流式返回、跨域、报错
开发语言·python·flask
Legendary_0082 小时前
LDR6500 设计指南:Type-C 音频快充二合一配件 PD 取电与插拔时序控制方案
c语言·开发语言·音视频
柒星栈3 小时前
PHP 源码怎么加密防破解?三套方案实战指南
开发语言·php·android studio
勉灬之3 小时前
Next.js + Prisma 跨平台部署踩坑记
开发语言·javascript·ecmascript
这是个栗子3 小时前
前端开发中的常用工具函数(九)
开发语言·javascript·ecmascript·at
蓝创工坊Blue Foundry3 小时前
图片文字提取到 Excel:批量任务如何先定义要交付的字段
运维·服务器·开发语言·数据库·自动化·ocr·excel
会飞的小新4 小时前
C 标准库之 <fenv.h> 详解与深度解析
c语言·开发语言·microsoft