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

Question

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

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

内部组件.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();
}

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

外部小部件.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()
{

}

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

主程序

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

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

    return a.exec();
}

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

内部组件.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

外部小部件.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

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

有很多方法可以克服这一点。请参阅官方样式表语法 文档。

一种选择是使用 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");
}