在 QML 中嵌入 QWidget

在 QML 中嵌入 QWidget 是一个常见的需求，通常通过 QQuickWidget 或 QWidget 的 QML 显示器进行实现。QQuickWidget 允许你在 QML 中嵌入一个 QWidget 子类，并在 QML 界面中显示它。

方法一：使用 QQuickWidget

如果你想在 QML 中嵌入一个普通的 QWidget，可以通过 QQuickWidget 来嵌入它。QQuickWidget 允许你将 QWidget 子类嵌入到 QML 界面中。

示例代码：

1. 创建 QWidget 子类

首先，你可以创建一个自定义的 QWidget 子类，例如一个带有按钮的简单窗口。

// MyWidget.h
#ifndef MYWIDGET_H
#define MYWIDGET_H

#include 
#include 

class MyWidget : public QWidget
{
    Q_OBJECT

public:
    MyWidget(QWidget *parent = nullptr) : QWidget(parent) {
        QPushButton* button = new QPushButton("Click Me", this);
        connect(button, &QPushButton::clicked, this, &MyWidget::onButtonClicked);
    }

private slots:
    void onButtonClicked() {
        qDebug() << "Button clicked!";
    }
};

#endif // MYWIDGET_H

2. 在 QML 中嵌入 QWidget

接下来，你可以创建一个 QQuickWidget 来在 QML 中嵌入这个 QWidget。你需要通过 QWidget::createWindowContainer() 来将 QWidget 嵌入到 QML 中。

// main.cpp
#include 
#include 
#include 
#include 
#include 
#include "MyWidget.h"

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

    // 创建 QML 引擎
    QQmlApplicationEngine engine;

    // 创建 QQuickWidget
    QQuickWidget *quickWidget = new QQuickWidget;
    quickWidget->setSource(QUrl(QStringLiteral("qrc:/main.qml")));

    // 创建 MyWidget
    MyWidget *widget = new MyWidget;

    // 将 QWidget 嵌入到 QQuickWidget 中
    QWidget *container = QWidget::createWindowContainer(widget);
    container->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);

    // 将 QWidget 添加到 QQuickWidget 的界面上
    quickWidget->setContent(container);

    // 进入事件循环
    quickWidget->show();
    return app.exec();
}

3. QML 文件 (main.qml)

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 640
    height: 480

    // 此处添加 QQuickWidget 实例
    QQuickWidget {
        anchors.fill: parent
    }
}

方法二：使用 QQuickWidget 和 QWidget 显示器

这种方法的关键是通过 QQuickWidget 使用一个特定的 QWidget 来显示 QML 元素。

总结：

• 在 QML 中嵌入 QWidget 可以通过 QQuickWidget 实现。
• 使用 QWidget::createWindowContainer() 方法将 QWidget 转换为 QQuickWidget 兼容的窗口容器。
• 这使得在 QML 中显示和交互 QWidget 成为可能，同时你仍然可以享受 QML 提供的灵活性和易用性。

这样，您就可以在 QML 界面中嵌入并使用 QWidget 了！