如何在 Qt 中设置按钮背景颜色，甚至覆盖平台主题？

Question

我正在构建一个NES tile editor，我想为调色板按钮设置背景颜色。这很好用，

    def set_colour(self, colour_idx):
        self.colour_idx = colour_idx

        bgcolour = NES_PALETTE[colour_idx]
        qt_colour = QtGui.QColor(bgcolour)
        [r, g, b] = qt_colour.red(), qt_colour.green(), qt_colour.blue()
        luminance = (0.2126*r + 0.7152*g + 0.0722*b)/256
        textcolour = 'white' if luminance < 0.5 else 'black'

        self.setText(f"{colour_idx:0{2}X}")
        self.setStyleSheet(f"color: {textcolour}; background-color: {bgcolour};")

在大多数情况下，给我一个非常漂亮的结果。

问题是 Qt 不服从我的系统 GTK2 黑暗主题。当我尝试通过设置 QT_QPA_PLATFORMTHEME=gtk2 环境变量来实现它时，结果看起来像这样：

按钮的颜色似乎都被系统主题覆盖了。

我想也许我可以更加坚持，并通过调用 setPalette 而不是使用 CSS 来确保系统主题不会覆盖我的按钮颜色：

    def set_colour(self, colour_idx):
        self.colour_idx = colour_idx

        bgcolour = NES_PALETTE[colour_idx]
        qt_colour = QtGui.QColor(bgcolour)
        [r, g, b] = qt_colour.red(), qt_colour.green(), qt_colour.blue()
        luminance = (0.2126*r + 0.7152*g + 0.0722*b)/256
        textcolour = 'white' if luminance < 0.5 else 'black'

        self.setText(f"{colour_idx:0{2}X}")
        pal = self.palette()
        pal.setColor(QtGui.QPalette.Button, qt_colour)
        self.setPalette(pal)
        self.setStyleSheet(f"color: {textcolour};")

但这并没有什么不同。这是一个Qt错误吗？难道我做错了什么？我在想也许我需要制作自己的自定义小部件，这样它的颜色就不会被 Qt 主题覆盖，但我想知道是否还有其他解决方案。

编辑：我也尝试定义自己的paintEvent 方法，

    def paintEvent(self, event):
        super().paintEvent(event)
        self.setAutoFillBackground(True)

        bgcolour = NES_PALETTE[self.colour_idx]
        qt_colour = QtGui.QColor(bgcolour)
        palette = self.palette()
        palette.setColor(QtGui.QPalette.Background, qt_colour)
        self.setPalette(palette)

产生了这个结果：

是 GTK+ 是绘制按钮的问题吗？

Answer 1

除了在应用程序范围内设置样式（或者更好的是，实际需要的单个小部件，同时保持其他 GUI 元素的操作系统样式一致性）之外，只要您使用所有必需的参数，仍然可以使用样式表。对于按钮（我想是任何 QAbstractButton 后代），边框组件是强制性的，以确保应用样式表。

def setColor(self, qt_colour):
    r, g, b = qt_colour.red(), qt_colour.green(), qt_colour.blue()
    luminance = (0.2126*r + 0.7152*g + 0.0722*b)/256
    textcolour = 'white' if luminance < 0.5 else 'black'
    self.setStyleSheet('''QPushButton {{
        color: {};
        background: {};
        border: 2px outset {};
        border-radius: 4px;
        }}
    QPushButton:pressed {{
        border-style: inset;
    }}'''.format(textcolour, qt_colour.name(), qt_colour.darker().name()))

另外，请记住，QPalette 和样式表不能很好地配合使用。您必须选择使用调色板或样式表，因为同时使用它们可能会导致意外行为，这取决于样式和小部件类型。

除此之外，paintEvent 测试不起作用的原因是，当您使用super().paintEvent(event) 时，按钮已经完全绘制，之后您只需设置与您在以前的set_colour 每次按钮都需要“绘制”时，这种情况经常发生：当它第一次显示时，当它被任何其他窗口隐藏后显示时，当鼠标进入或退出它，等等...
由于显而易见的原因，不应该这样做：更改调色板已经需要重新绘制小部件，这将使 Qt 再次调用paintEvent。幸运的是，Qt 确保新的调色板在应用之前实际上与现有的不同（否则你会得到一个递归），但无论如何，paintEvent 并不是这样做的最佳位置。

Answer 2

这似乎是原生样式的限制。他们使用像素图，因此他们的着色能力有限：

https://bugreports.qt.io/browse/QTBUG-11089

解决方法是在需要重新着色的小部件上强制使用非原生样式，如下所示：

PLASTIQUE = QtWidgets.QStyleFactory().create("Plastique") 
# Native styles sometimes don't allow recolouring the
# background, see https://bugreports.qt.io/browse/QTBUG-11089
self.setStyle(PLASTIQUE)

这产生了以下结果：