我正在尝试使用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接收所有非按钮单击鼠标事件。
我玩过事件过滤器和重新设置,但我似乎没有得到任何结果。有没有人成功尝试过这样的事情?