将QWidget的背景应用于所有QWidget子项目

我选择使用Qt来管理我正在开发的项目的GUI。将QWidget的背景应用于所有QWidget子项目

在发现如何在我的QWidget底部应用图片后，我注意到它对添加到它的所有组件有影响。

无论通过setStyleSheet方法或使用QPixmap应用的样式是什么，这些元素的背景总是为QWidget容器定义的图像。

我该如何避免这种行为？

这里是我的代码：

MainMenu::MainMenu(QWidget* Parent, const QPoint& Position, const QSize& Size) : QWidget(Parent) { 

    QString qwidgetStyle = "QWidget {background-image: url(background.jpg); border: 5px solid rgba(3, 5, 28, 1);}"; 
    QString buttonStyle = "color: rgba(73, 123, 176, 1); font-size:30px; background-color: rgba(73, 123, 176, 1);"; 

    move(Position); 
    resize(Size); 
    setStyleSheet(qwidgetStyle); 

    // Menu title 
    QLabel *title = new QLabel(this); 
    title->setText("Menu"); 
    title->setStyleSheet(buttonStyle); 
    title->setAlignment(Qt::AlignCenter); 

    // Menu buttons 
    // Play 
    buttonPlay = new QPushButton("Play"); 
    (*buttonPlay).setEnabled(true); 
    (*buttonPlay).setStyleSheet(buttonStyle); 
    connect(buttonPlay, SIGNAL(clicked()), this, SLOT(handleButton())); 
    // Option 
    buttonOptions = new QPushButton("Options", this); 
    (*buttonOptions).setEnabled(true); 
    (*buttonOptions).setGeometry(250, 175, 100, 50); 
    (*buttonOptions).setStyleSheet(buttonStyle); 
    connect(buttonOptions, SIGNAL(clicked()), this, SLOT(handleButton())); 
    // Quit 
    buttonQuit = new QPushButton("Quit", this); 
    (*buttonQuit).setEnabled(true); 
    (*buttonQuit).setGeometry(250, 275, 100, 50); 
    (*buttonQuit).setStyleSheet(buttonStyle); 
    connect(buttonQuit, SIGNAL(clicked()), this, SLOT(handleButton())); 

    // Layout 
    QGridLayout *layout = new QGridLayout; 
    layout->setMargin(50); 
    layout->addWidget(title, 0, 0, 1, 5); 
    layout->addWidget(buttonPlay, 3, 1, 2, 3); 
    layout->addWidget(buttonOptions, 4, 1, 2, 3); 
    layout->addWidget(buttonQuit, 5, 1, 2, 3); 
    setLayout(layout); 

    show(); 
}

来源

2016-05-17 MelodyBibi

Does [this]（http://www.qtcentre.org/threads/14099-How-to-stop-child-widgets-from-inheriting-parent-s-StyleSheet-and-use-system-default）帮帮我？它似乎建议在样式表中使用小部件的名称并使用'setObjectName'方法。 –

你愿意写一个答案@PaulRooney吗？这实际上是解决方案 – IAmInPLS

@AlexisP。请回答，如果你想。我现在没有时间做出正确的答案。 –

您遇到的行为是完全正常的，因为以下行：

QString qwidgetStyle = "QWidget {background-image: url(background.jpg); border: 5px solid rgba(3, 5, 28, 1);}"; 
... 
setStyleSheet(qwidgetStyle);

在这里，你刚才讲的Qt应用qwidgetstyle到每您的应用程序的QWidget，关键字QWidget。这就是为什么在Qt中，如果您想将样式应用于此特定对象，最好为对象设置一个名称。

在你的代码，QLabel和QPushButton无论从QWidget继承，所以他们将有你的QWidget，定义的样式，除非你他们的名字或您指定的风格为每一个。

如果你想设置样式表为您MainMenu直接从QWidget继承（这是你在第一个地方在做什么），你必须设置一个名称，然后应用样式：

setObjectName("MainMenu"); 
QString qwidgetStyle = "QWidget#MainMenu {background-image: url(background.jpg); border: 5px solid rgba(3, 5, 28, 1);}"; 
setStyleSheet(qwidgetStyle); // here, only your MainMenu will have the style "qwidgetstyle"

注意，您可以，例如，设置每QWidget相同的样式表，和只添加一种特定的颜色为你MainMenu：再次

// this is in a CSS, but you can apply it directly from the MainMenu constructor of course 
QWidget, QWidget#MainMenu { 
    background-image: url(background.jpg); 
    border: 5px solid rgba(3, 5, 28, 1); 
} // aplied to all QWidget 

QWidget#MainMenu { 
    color : #9b9b9b; // a nice grey, only applied to MainMenu 
}

，使用样式表或者你最终会h当具体在应用程序中随处可见奇怪的颜色/对齐:)。希望有所帮助！

注意：您还可以感谢@PaulRooney在评论中给出了非常好的链接。

来源

2016-05-18 13:13:54 IAmInPLS

真的谢谢你！它奇妙地工作！ – MelodyBibi

将QWidget的背景应用于所有QWidget子项目

回答

相关问题