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

【问题标题】：Changing background color of QWidget inside another Widget在另一个 Widget 中更改 QWidget 的背景颜色
【发布时间】：2018-06-21 14:36:52
【问题描述】：

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

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

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，这些控件的背景颜色将会更改，但我想更改整个小部件的背景颜色（其中，在我的示例，将是屏幕顶部的一个栏）。

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

【问题讨论】：

标签： c++ qt qwidget

【解决方案1】：

添加到您的内部面板的任何内容都将继承其样式表，并且由于您将 所有内容 设置为具有黑色背景色，因此它们也都会得到这个。

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

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

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");
}

【讨论】：

这是一种优雅的方法:)
感谢史蒂夫的回答。我实际上确实希望所有东西都有黑色背景，但到目前为止，我只能让我添加到小部件中的控件具有黑色背景，而不是小部件本身。因此，无论我添加了标签或按钮，我都会得到一个黑框，但小部件上的其他任何地方都是白色的。抱歉，如果我的问题不清楚。
@SteveLorimer 感谢您的回复。重新抛光似乎没有改变任何东西。我仍然得到一个全白屏。我已将完整代码添加到我的问题中。这看起来应该很简单，我不确定问题是什么。
谢谢！这确实可以使整个表格变黑。这真的是一个错误吗？这似乎是一个非常基本的功能，我会惊讶地看到它不能正常工作。我认为问题在于我错误地使用了小部件或布局。
您好史蒂夫，再次感谢您的帮助。 QT 论坛上有人能够为我提供答案，我将其留在下面。

【解决方案2】：

经过多次试验，我找到了这个问题的答案。

似乎需要重写 paitnEvent() 方法才能使用带有自定义小部件的样式表，如 here 所述

注意：如果您从 QWidget 子类化自定义小部件，那么为了使用 StyleSheets，您需要为自定义小部件提供一个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);
}

【讨论】：