Hands-On GUI Programming with C++ and Qt5

Adding the web view widget

Once you are ready, let's get started! First, open up Qt Creator and create a new Qt Widgets Application project. After that, open up the project (.pro) file and add in the following text to enable the modules:

QT += core gui webengine webenginewidgets 

If you didn't install the MSVC component (on Windows) or the Qt WebEngine component, error messages will appear at this point if you are trying to build the project. Please run the Qt installer again if that's the case.

Next, open up mainwindow.h and add the following header files:

#ifndef MAINWINDOW_H 
#define MAINWINDOW_H 
 
#include <QMainWindow> 
#include <QWebEngineView> 

After that, open up mainwindow.h and add the following code:

private: 
   Ui::MainWindow *ui;