Qt Quick Exemples - Intégration dans des widgets

Cet exemple illustre l'une des approches permettant d'ajouter du contenu Qt Quick dans une application basée sur QWidget. QQuickView et sa classe parente, QQuickWindow, dérivent de QWindow. Cela signifie qu'elles peuvent être utilisées avec QWidget::createWindowContainer(), comme n'importe quel autre QWindow.

Exécution de l'exemple

Vous pouvez exécuter l'exemple à partir de :

• Qt Creator

  Ouvrez le mode « Welcome » et sélectionnez l’exemple dans « Examples ». Pour plus d’informations, consultez Qt Creator: Tutoriel : Compiler et exécuter.

• Qt Extension for Visual Studio Code

  Exécutez la commande « Qt: Open Qt examples » à partir de Command Palette, puis sélectionnez l’exemple dans la liste. Pour plus d’informations, consultez Qt Extension for Visual Studio Code: Tutoriel : Compiler et exécuter.

L’intégration de la fenêtre en interne entraîne la création d’un widget enfant natif au sein de la hiérarchie des widgets, et la fenêtre ( QQuickView dans l’exemple) est réaffectée à un parent. Le widget conteneur se charge de repositionner la fenêtre enfant de manière à ce qu’elle semble faire partie de l’interface utilisateur, même si, en réalité, il s’agit d’une fenêtre native distincte qui s’affiche indépendamment de son parent, la fenêtre de niveau supérieur basée sur QWidget.

MainWindow::MainWindow()
    : m_quickView(new QQuickView)
{
    QWidget *centralWidget = new QWidget(this);
    QVBoxLayout *layout = new QVBoxLayout(centralWidget);

    m_quickView->setResizeMode(QQuickView::SizeRootObjectToView);
    connect(m_quickView, &QQuickView::statusChanged,
            this, &MainWindow::quickViewStatusChanged);
    connect(m_quickView, &QQuickWindow::sceneGraphError,
            this, &MainWindow::sceneGraphError);
    m_quickView->loadFromModule("embeddedinwidgets", "Main");

    QWidget *container = QWidget::createWindowContainer(m_quickView);
    container->setMinimumSize(m_quickView->size());
    container->setFocusPolicy(Qt::TabFocus);

    layout->addWidget(new QLineEdit(QStringLiteral("A QLineEdit")));
    layout->addWidget(container);
    layout->addWidget(new QLineEdit(QStringLiteral("A QLineEdit")));
    setCentralWidget(centralWidget);

    QMenu *fileMenu = menuBar()->addMenu(tr("File"));
    fileMenu->addAction(tr("Quit"), qApp, &QCoreApplication::quit);
}

L’étape clé lors de l’initialisation est la création d’un ` container`, un ` QWidget ` qui encapsule et héberge le ` QQuickView`. Ce widget peut ensuite être ajouté à une mise en page comme n’importe quel autre ` QWidget`.

Exemple de projet sur code.qt.io