0

我正在尝试使用QQuickWidget作为QWidget的叠加层。QQuickWidget包含一些按钮和一些其他的小部件,它们位于底部。

我发现通过使用setAttribute(Qt::WA_AlwaysStackOnTop)setClearColor(Qt::transparent)的组合,我可以让QQuickWidget正确覆盖QWidget。但我遇到的问题是所有鼠标事件都被定向到主窗口而不是底层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接收所有非按钮单击鼠标事件。

我玩过事件过滤器和重新设置,但我似乎没有得到任何结果。有没有人成功尝试过这样的事情?

4

0 回答 0