目录
前言
一、环境
二、实现过程
1.引入模块
2.环境构建
三、代码示例
总结
参考博客
前言
使用qt5 QT WebEngine 模块实现在Designer 上展示百度页面。
一、环境
qt版本:5.12.7
windows 11 下的 Qt Designer (已搭建)
编译器:必须使用MSVC编译器,使用MingGW编译器会提示找不到模块
二、实现过程
1.引入模块
在安装qt时勾选 QT WebEngine 模块,同时要勾选mscv 编译器。(这里使用的是之前的图)
2.环境构建
使用mscv编译器的环境构建参考博客:Qt 添加MSVC2017编译器(2022年保姆级教程,不安装完整VS)_qt msvc2017-CSDN博客
按步骤一步步来即可,亲测可用。
三、代码示例
.pro文件
QT += core guigreaterThan(QT_MAJOR_VERSION, 4): QT += widgetsQT += webenginewidgets webchannel networkCONFIG += c++11# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000 # disables all the APIs deprecated before Qt 6.0.0SOURCES += \main.cpp \mainwindow.cppHEADERS += \mainwindow.hFORMS += \mainwindow.ui# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target
mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include <QMainWindow>#include <QWebEngineView>QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACEclass MainWindow : public QMainWindow
{Q_OBJECTpublic:MainWindow(QWidget *parent = nullptr);~MainWindow();private:Ui::MainWindow *ui;QWebEngineView *m_webView;
};
#endif // MAINWINDOW_H
mainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);m_webView = new QWebEngineView(this);m_webView->load(QUrl("https://www.baidu.com/"));// 将 QWebEngineView 设置为 QMainWindow 的中心窗口部件setCentralWidget(m_webView);}MainWindow::~MainWindow()
{delete ui;
}
main.cpp
#include "mainwindow.h"#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);MainWindow w;w.show();return a.exec();
}
实际效果:
总结
在windows中使用WebEngine 模块实现百度页面的调用比较简单,唯一比较麻烦的大概是mscv编译器套件的构建。不过在嵌入式Linux中使用此模块的示例网上基本没有,也不知道这方面究竟是否支持。
参考博客
Qt 添加MSVC2017编译器(2022年保姆级教程,不安装完整VS)_qt msvc2017-CSDN博客