为自定义QWidget设置背景颜色

时间:2019-09-03 20:37:38

标签: python python-3.x pyqt5 qwidget qtstylesheets

我正在尝试创建一个自定义QWidget(来自PyQt5),其背景颜色可以更改。但是,所有设置背景颜色的标准方法似乎都不适用于自定义QWidget类

到目前为止,我已经尝试通过QSS样式表和设置调色板来更改颜色。这适用于常规QWidget,但由于某种原因不适用于自定义部件。

我在C ++文档https://wiki.qt.io/How_to_Change_the_Background_Color_of_QWidget中找到了需要paintEvent()函数的参考自定义QWidget,并在Python中找到了对其的一个参考。但是,由于在PyQt5中似乎不存在QStyleOption,因此实现链接的paintevent失败。

下面显示了我创建的QWidget类的高层(它也包含一堆标签)和我用于Widget的QSS(样式已在父窗口小部件中设置,但尝试直接设置它)

class AlarmWidget(QWidget):
    def __init__(self, alarm, parent=None):
        super(AlarmWidget, self).__init__(parent)
        self.setFixedHeight(200)
        self.setProperty("active", True)

        self.setAutoFillBackground(True)
        p = self.palette()
        p.setColor(self.backgroundRole(), PyQt5.QtCore.Qt.red)
        self.setPalette(p)
AlarmWidget {
  background-color: red
}

总的来说,无论我做什么,都不能让我为自定义QWidget设置背景颜色,因此非常感谢帮助

2 个答案:

答案 0 :(得分:3)

所有方法都对我有用,但是如果您想实现paintEvent,则对PyQt5的转换是:

class AlarmWidget(QtWidgets.QWidget):
    # ...

    def paintEvent(self, event):
        opt = QtWidgets.QStyleOption()
        opt.initFrom(self)
        p = QtGui.QPainter(self)
        self.style().drawPrimitive(QtWidgets.QStyle.PE_Widget, opt, p, self)

答案 1 :(得分:2)

最简单的解决方法是:

class AlarmWidget(QWidget):
    def __init__(self, alarm, parent=None):
    ...
    self.setAttribute(QtCore.Qt.WA_StyledBackground, True)
    self.setStyleSheet('background-color: red')

每当将样式表应用于自定义小部件或其祖先小部件之一,就会发生此问题。引用QWidget.setPalette文档:

  

警告:请勿将此功能与Qt Style Sheets结合使用。   使用样式表时,可以自定义窗口小部件的调色板   使用“颜色”,“背景颜色”,“选择颜色”,   “选择背景颜色”和“替代背景颜色”。

但是,由于性能原因,自定义窗口小部件默认禁用了样式表支持,因此没有提及。因此,为了使示例正常工作,您必须(1)通过样式表设置背景色,并且(2)使用WA_StyledBackground小部件属性显式启用样式表支持。

一个最小的示例演示如下:

import sys
from PyQt5 import QtCore, QtWidgets

class AlarmWidget(QtWidgets.QWidget):
    def __init__(self, alarm, parent=None):
        super(AlarmWidget, self).__init__(parent)
        self.setFixedHeight(200)
#         self.setAutoFillBackground(True)
#         p = self.palette()
#         p.setColor(self.backgroundRole(), QtCore.Qt.red)
#         self.setPalette(p)
        self.setAttribute(QtCore.Qt.WA_StyledBackground, True)
        self.setStyleSheet('background-color: red')

class Window(QtWidgets.QWidget):
    def __init__(self):
        super(Window, self).__init__()
        self.setStyleSheet('background-color: green')
        self.widget = AlarmWidget('')
        layout = QtWidgets.QVBoxLayout(self)
        layout.addWidget(self.widget)

if __name__ == '__main__':

    app = QtWidgets.QApplication(sys.argv)
    window = Window()
    window.setWindowTitle('BG Colour Test')
    window.setGeometry(600, 100, 300, 200)
    window.show()
    sys.exit(app.exec_())

这应该显示一个包含带有绿色边框的红色矩形的窗口,如下所示:

screenshot

要进一步测试,请仅在AlarmWidget类中设置调色板,而不在Window类中设置样式表。这应该显示一个没有绿色边框的红色矩形。最后,仅在两个类中都设置样式表-而不使用setAttribute行。这应该显示一个没有内部红色矩形的纯绿色矩形(即不再应用自定义小部件上的样式表)。