如何在QWidget上放置一个QQuickWidget（带透明度）

Question

我尝试使用 QQuickWidget 作为 QWidget 的叠加层。 QQuickWidget 包含一些按钮，还有一些其他小部件位于底部。

我发现我可以通过使用 setAttribute（Qt :: WA_AlwaysStackOnTop）<的组合来获得 QQuickWidget 来正确覆盖 QWidget / strong>和 setClearColor（Qt :: transparent）。但我遇到的问题是所有鼠标事件都被定向到主窗口而不是基础 QWidget 。

我设置了一个示例项目来重现我的问题。

OverlayItem.qml 的定义如下：

import QtQuick 2.6
import QtQuick.Controls 1.4

Item {
    width: parent.width
    height: parent.height

    Row {
        anchors { 
            horizontalCenter: parent.horizontalCenter; 
            bottom: parent.bottom; 
            bottomMargin: 15 
        }
        spacing: 15
        Button {
            text: "Button1"
            onClicked: {
                console.log("Button1 CLICKED!")
            }
        }
        Button {
            text: "Button2"
            onClicked: {
                console.log("Button2 CLICKED!")
            }
        }
        Button {
            text: "Button3"
            onClicked: {
                console.log("Button3 CLICKED!")
            }
        }
    }
}

创建QQuickWidget并在创建 MainWindow 时加载QML：

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow),
    qw(NULL)
{
    ui->setupUi(this);

    qw = new QQuickWidget(ui->frame);
    qw->setResizeMode(QQuickWidget::SizeRootObjectToView);
    qw->setAttribute(Qt::WA_AlwaysStackOnTop);
    qw->setClearColor(Qt::transparent);
    qw->setSource(QUrl("OverlayItem.qml"));
}

void MainWindow::showEvent(QShowEvent *event)
{
    if (auto pw = qw->parentWidget())
    {
        qw->resize(pw->size());
    }
}

void MainWindow::resizeEvent(QResizeEvent *event)
{
    if (auto pw = qw->parentWidget())
    {
        qw->resize(pw->size());
    }
}

这是MainWindow UI代码：

class Ui_MainWindow
{
public:
    QWidget *centralWidget;
    QGridLayout *gridLayout_2;
    QFrame *frame;
    QGridLayout *gridLayout;
    QTextBrowser *textBrowser;

    void setupUi(QMainWindow *MainWindow)
    {
        if (MainWindow->objectName().isEmpty())
            MainWindow->setObjectName(QStringLiteral("MainWindow"));
        MainWindow->resize(800, 600);

        QSizePolicy sizePolicy(QSizePolicy::MinimumExpanding, QSizePolicy::MinimumExpanding);
        sizePolicy.setHorizontalStretch(0);
        sizePolicy.setVerticalStretch(0);
        sizePolicy.setHeightForWidth(MainWindow->sizePolicy().hasHeightForWidth());
        MainWindow->setSizePolicy(sizePolicy);

        centralWidget = new QWidget(MainWindow);
        centralWidget->setObjectName(QStringLiteral("centralWidget"));

        gridLayout_2 = new QGridLayout(centralWidget);
        gridLayout_2->setSpacing(6);
        gridLayout_2->setContentsMargins(11, 11, 11, 11);
        gridLayout_2->setObjectName(QStringLiteral("gridLayout_2"));

        frame = new QFrame(centralWidget);
        frame->setObjectName(QStringLiteral("frame"));
        frame->setFrameShape(QFrame::StyledPanel);
        frame->setFrameShadow(QFrame::Raised);

        gridLayout = new QGridLayout(frame);
        gridLayout->setSpacing(6);
        gridLayout->setContentsMargins(11, 11, 11, 11);
        gridLayout->setObjectName(QStringLiteral("gridLayout"));

        textBrowser = new QTextBrowser(frame);
        textBrowser->setObjectName(QStringLiteral("textBrowser"));
        textBrowser->setReadOnly(false);

        gridLayout->addWidget(textBrowser, 0, 0, 1, 1);

        gridLayout_2->addWidget(frame, 0, 0, 1, 1);

        MainWindow->setCentralWidget(centralWidget);

        retranslateUi(MainWindow);

        QMetaObject::connectSlotsByName(MainWindow);
    } // setupUi
};

如您所见，CentralWidget包含 QFrame ，而 QFrame 又包含 QTextBrowser 。此示例代码的所需行为是 QTextBrowser 保持功能，而3个按钮覆盖在底部。但是，当我运行此代码时，我无法点击 QTextBrowser 以便重点关注。相反， MainWindow 会收到所有非按钮单击鼠标事件。

我已经玩过事件过滤器和重新定位，但我似乎无处可去。有没有人尝试过这样的事情？