PyQt5 QSpinBox – 为多个状态添加背景图像到向下箭头

在PyQt5的QSpinBox小部件中，我们可以将向上和向下按钮的样式设置为不同的样式表。但是，在本文中，我将向您展示如何为多个状态添加背景图像到向下箭头。

样式表

首先，我们需要为QSpinBox按钮的每个状态设置样式表。对于QSpinBox的向上按钮，我们可以使用以下样式表：

QSpinBox::up-button {
    border-image: url(image.png) 1 1 1 1 stretch stretch;
}

这将在向上箭头上添加名为“图像.png”的背景图像。

对于向下箭头，我们将同样使用类似的样式表：

QSpinBox::down-button {
    border-image: url(image.png) 1 1 1 1 stretch stretch;
}

为多个状态添加样式表

现在，我们需要为QSpinBox的每个状态添加不同的样式表。为此，我们可以覆盖QStyle类的drawPrimitive方法。

为QSpinBox的向下箭头添加样式表的示例代码如下：

class CustomSpinBox(QtWidgets.QSpinBox):
    def __init__(self):
        super().__init__()
        self.clicked = False

    def mousePressEvent(self, event):
        self.clicked = True
        QtWidgets.QSpinBox.mousePressEvent(self, event)

    def mouseReleaseEvent(self, event):
        self.clicked = False
        QtWidgets.QSpinBox.mouseReleaseEvent(self, event)

    def paintEvent(self, event):
        painter = QtGui.QPainter(self)
        option = QtWidgets.QStyleOptionSpinBox()
        self.initStyleOption(option)
        option.subControls = QtWidgets.QStyle.SC_SpinBoxDown
        if self.clicked:
            # Set the background image for a clicked button
            option.state = QtWidgets.QStyle.State_Enabled | QtWidgets.QStyle.State_Sunken
            pix = QtGui.QPixmap('clicked.png')
            pix = pix.scaled(20, 20)
            option.activeSubControls = QtWidgets.QStyle.SC_SpinBoxDownArrow
            option.arrows = QtGui.QStyleOptionSpinBox.DownArrow
        else:
            # Set the background image for a not clicked button
            pix = QtGui.QPixmap('not_clicked.png')
            pix = pix.scaled(20, 20)
            option.activeSubControls = QtWidgets.QStyle.SC_SpinBoxDownArrow
            option.arrows = QtGui.QStyleOptionSpinBox.DownArrow

        QtWidgets.QApplication.setStyle(QtWidgets.QStyleFactory.create('Windows'))
        QtWidgets.QApplication.style().drawPrimitive(
            QtWidgets.QStyle.PE_IndicatorArrowDown,
            option, painter, self)
        painter.drawPixmap(0, 0, pix)

在上面的示例代码中，我们重写了QSpinBox中的三个不同方法：mousePressEvent（），“mouseReleaseEvent（）”和paintEvent（）。

在第一个方法中，我们捕获鼠标按下事件，而在第二个方法中，我们捕获鼠标释放事件。在paintEvent中，我们将背景图像（即clicked.png或not_clicked.png）设置为向下箭头的背景。

当我们按下按钮时，clicked变量设置为True，而当我们释放它时，它被设为False。

总结

在本文中，我们讨论了如何为QSpinBox的向下箭头添加背景图像。我们通过设置样式表并覆盖QStyle类的方法来实现这一点。本文中的代码是实际过程中的示例代码，可供您参考。