How to display a QWebEngineView in Qt mainwindow?

Question

My webview function with the following code in my main.cpp :

#include "mainwindow.h"
#include <QApplication>

int main(int argc, char *argv[])
{
   QApplication app(argc, argv);

   QWebEngineView view;
   view.setUrl(QUrl(QStringLiteral("http://qt-project.org/")));
   view.show();
   return app.exec();
}

However, I want to have a MainWindow view and embed my web view in a specific widget inside my mainwindow.cpp. Here is the code that doesn't work and I'm a bit mixed up with the parent attribut and the object to put in my mainwindow.ui (design tool).

QWebEngineView *view = new QWebEngineView(parent);
ui->webView->load(QUrl("http://qt-project.org/"));
view->show();

Here is the code for a similar widget that displayed correctly in my project :

QMovie *load = new QMovie(":/animations/scanner.gif");
ui->movieView->setMovie(load);
load->start();

You should put the view in a layout that is used in your MainWindow. Related: [https://doc-snapshots.qt.io/qt5-5.15/layout.html](https://doc-snapshots.qt.io/qt5-5.15/layout.html) — drescherjm, Jul 28 '22 at 19:40
Please edit your question to provide a [mcve] showing the code you currently have -- including any ancillary files such as the `ui` file. — G.M., Jul 28 '22 at 19:48

score 4 · Answer 1 · answered Jul 28 '22 at 19:51

You would either use your view as the central widget or put it into a layout if you need more than just a central widget directly in your mainwindow.

Central Widget

#include <QApplication>
#include <QMainWindow>

int main(int argc, char *argv[])
{
   QApplication app(argc, argv);
   QMainWindow mainWindow;
   QWebEngineView view;
   view.setUrl(QUrl(QStringLiteral("http://qt-project.org/")));
   mainWindow.setCentralWidget(view);
   mainWindow.show();
   return app.exec();
}

Layout

#include <QApplication>
#include <QMainWindow>

int main(int argc, char *argv[])
{
   QApplication app(argc, argv);
   QMainWindow mainWindow;
   QWebEngineView view;
   view.setUrl(QUrl(QStringLiteral("http://qt-project.org/")));
   mainWindow.layout()->addWidget(view);
   mainWindow.show();
   return app.exec();
}

These are just examples with standard QMainWindows, as we do not have access to your mainwindow.cpp, and it should not matter much either. You can apply these concepts in your mainwindow.cpp just as well.

Similarly, you can also have layouts inside other children, grandchildren, etc, widgets of your mainwindow instance.

How to display a QWebEngineView in Qt mainwindow?

1 Answers1