在另一个 Widget 中更改 QWidget 的背景颜色

Question

我有一个小部件，我正在将其放置在另一个我希望变黑的小部件中。我正在使用以下代码。

这是我的内部小部件构造函数：

innerwidget.cpp

#include "innerwidget.h"
#include <QStyle>

InnerWidget::InnerWidget(QWidget *parent) : QWidget(parent)
{
    setMinimumSize(1280,70);
    this->setStyleSheet("background-color: black");
    style()->unpolish(this);
    style()->polish(this);
    update();
}

这是我的外部小部件构造函数：

outerwidget.cpp

#include "outerwidget.h"
#include <QGridLayout>

OuterWidget::OuterWidget(QWidget *parent)
    : QWidget(parent)
{
    setMinimumSize(1280, 800);
    setMaximumSize(1280,800);
    innerWidget = new InnerWidget(this);
    QGridLayout *layout = new QGridLayout;
    layout->addWidget(innerWidget, 0, 0, 0, 4, Qt::AlignTop);
    this->setLayout(layout);
    this->setWindowState(Qt::WindowFullScreen);
}

OuterWidget::~OuterWidget()
{

}

我的主要是非常简单的默认代码：

main.cpp

#include "outerwidget.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    OuterWidget w;
    w.show();

    return a.exec();
}

我的头文件没什么特别的：

innerwidget.h

#ifndef INNERWIDGET_H
#define INNERWIDGET_H

#include <QWidget>

class InnerWidget : public QWidget
{
    Q_OBJECT
public:
    explicit InnerWidget(QWidget *parent = nullptr);

signals:

public slots:
};

#endif // INNERWIDGET_H

outerwidget.h

#ifndef OUTERWIDGET_H
#define OUTERWIDGET_H

#include <QWidget>
#include <innerwidget.h>

class OuterWidget : public QWidget
{
    Q_OBJECT

public:
    OuterWidget(QWidget *parent = 0);
    ~OuterWidget();

private:
    InnerWidget *innerWidget;
};

#endif // OUTERWIDGET_H

我注意到如果我将控件添加到内部面板，例如 QLabel，这些控件的背景颜色将会改变，但我想改变整个小部件的背景颜色（，在我的示例中，将是屏幕顶部的一个栏）。

我哪里错了？它与我用来将内部小部件添加到外部小部件的网格布局有关吗？

Answer 1

添加到内部面板的任何内容都将继承其样式 sheet，并且由于您将 所有内容 设置为黑色背景，它们将都明白了。

有很多方法可以克服这个问题。参见官方 Style Sheet 语法文档。

一种选择是使用 css class 选择器。

InnerPanel::InnerPanel(QWidget *parent) : QWidget(parent)
{
    ...
    setProperty("class", "inner-panel");
    setStyleSheet(".inner-panel { background-color: black }");
}

因评论而更新：

这实际上听起来像是 Qt 中的一个错误，因为小部件自己的样式应该优先于其祖先的样式。

解决方法是设置父项的样式。

InnerPanel::InnerPanel(QWidget *parent) : QWidget(parent)
{
    ...
    parent->setStyleSheet("background-color: black");
}

Answer 2

经过大量实验，我找到了这个问题的答案。

似乎需要覆盖 paitnEvent() 方法才能将样式表与自定义小部件一起使用，如所述here

注意：如果您从 QWidget 继承自定义小部件，那么为了使用样式表，您需要为自定义小部件提供一个 paintEvent :

void CustomWidget::paintEvent(QPaintEvent* event)
{
 QStyleOption opt;
 opt.init(this);
 QPainter p(this);
 style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);

 QWidget::paintEvent(event);
}

在另一个 Widget 中更改 QWidget 的背景颜色

Changing background color of QWidget inside another Widget

c++

qt

qwidget