qml调用Qwidget控件

可以通过在Qt中使用QQuickWidget来在QML中嵌入QWidget控件。

首先，将QWidget控件包装到一个QQuickItem中，可以使用如下代码：

#include <QQuickPaintedItem>
#include <QPainter>

class QWidgetItem : public QQuickPaintedItem
{
    Q_OBJECT

public:
    QWidgetItem(QQuickItem *parent = nullptr)
        : QQuickPaintedItem(parent)
        , m_widget(nullptr)
    {
        setFlag(QQuickItem::ItemHasContents, true);
    }

    QWidget *widget() const { return m_widget; }
    void setWidget(QWidget *widget)
    {
        if (m_widget) {
            delete m_widget;
            m_widget = nullptr;
        }

        m_widget = widget;

        if (m_widget) {
            m_widget->setParent(this);
            m_widget->installEventFilter(this);
            m_widget->setFixedSize(width(), height());
            m_widget->show();
        }
    }

protected:
    void paint(QPainter *painter) override
    {
        if (m_widget && m_widget->isVisible()) {
            m_widget->render(painter);
        }
    }

    bool eventFilter(QObject *obj, QEvent *event) override
    {
        if (event->type() == QEvent::Resize) {
            m_widget->setFixedSize(width(), height());
        }

        return QQuickPaintedItem::eventFilter(obj, event);
    }

private:
    QWidget *m_widget;
};

然后，在QML中使用该自定义QQuickItem控件，如下所示：

import QtQuick 2.0

Item {
    width: 640
    height: 480

    QWidgetItem {
        id: widgetItem
        anchors.fill: parent
    }

    Component.onCompleted: {
        var widget = new QWidget();
        var layout = new QVBoxLayout(widget);
        var label = new QLabel("Hello, QWidget!");
        label.setAlignment(Qt.AlignCenter);
        layout.addWidget(label);
        widget.setLayout(layout);

        widgetItem.setWidget(widget);
    }
}

这里我们创建了一个QWidget，将一个QLabel控件放置其中，然后将QWidget设置为我们自定义的QQuickItem控件的子控件，即可在QML中嵌入QWidget控件。