在另一个小部件内更改QWidget的背景颜色

时间:2018-06-21 14:36:53

标签: c++ qt qwidget

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

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

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),则这些控件的背景色将被更改,但是我想更改整个小部件的背景色(我的示例是屏幕顶部的条形图。

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

2 个答案:

答案 0 :(得分:4)

添加到内部面板中的所有内容都将继承其样式表,并且由于您将一切设置为具有黑色背景色,因此它们也都将得到该颜色。

有很多方法可以克服这个问题。请参阅官方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");
}               

答案 1 :(得分:0)

经过多次实验,我找到了解决这个问题的方法。

似乎需要覆盖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);
}