PyQt5 QSpinBox - 按下向上按钮时添加背景颜色

QSpinBox 是一个 Qt5 强大的小部件，它允许实现整数的输入和编辑。在本篇文章中，我们将介绍如何在 Pyqt5 QSpinBox 中按下向上按钮时添加背景颜色，来提高用户体验。

实现方式

我们可以使用 QSpinBox 的样式表(style sheet)来为向上按钮(setUpButton)设置背景颜色。此外，我们还可以使用 signal 和 slot 函数来连接 QSpinBox 的 valueChanged() 函数和一个槽(solt)函数，来检测 QSpinBox 的值的变化，以便动态地更改背景颜色。

下面是示例代码：

from PyQt5.QtWidgets import QApplication, QMainWindow, QSpinBox
from PyQt5.QtCore import Qt

class MySpinBox(QSpinBox):
    def __init__(self, parent=None):
        super().__init__(parent)
        
        self.setStyleSheet("QSpinBox::up-button {background-color: #00b3e6;} \
                            QSpinBox::up-button:hover {background-color: #1ebbd7;} \
                            QSpinBox::up-button:pressed {background-color: #0fa4c4;}")

        self.valueChanged.connect(self.onValueChanged)

    def onValueChanged(self, value):
        if value % 2 == 0:
            self.setStyleSheet("QSpinBox::up-button {background-color: #00b3e6;} \
                                QSpinBox::up-button:hover {background-color: #1ebbd7;} \
                                QSpinBox::up-button:pressed {background-color: #0fa4c4;}")
        else:
            self.setStyleSheet("QSpinBox::up-button {background-color: #ff4d4d;} \
                                QSpinBox::up-button:hover {background-color: #ff3333;} \
                                QSpinBox::up-button:pressed {background-color: #b30000;}")

class MyWindow(QMainWindow):
    def __init__(self, parent=None):
        super().__init__(parent)

        self.spinBox = MySpinBox(self)
        self.spinBox.setGeometry(100, 100, 100, 30)

if __name__ == '__main__':
    import sys

    app = QApplication(sys.argv)
    win = MyWindow()
    win.show()
    sys.exit(app.exec_())

在上面的代码中，我们定义了一个 MySpinBox 类，继承自 QSpinBox。在 MySpinBox 的构造函数中，我们设置了一个样式表，为上按钮(setUpButton)添加了背景颜色。

self.setStyleSheet("QSpinBox::up-button {background-color: #00b3e6;} \
                    QSpinBox::up-button:hover {background-color: #1ebbd7;} \
                    QSpinBox::up-button:pressed {background-color: #0fa4c4;}")

该样式表为按钮添加了默认情况下，悬浮和按下时应该显示的背景颜色。此外，我们还使用 valueChanged 信号(signal)和 onValueChanged 槽函数(slots) 来检测 QSpinBox 的值的变化。在 onValueChanged 中，我们改变了上按钮的颜色，以便根据值改变颜色。

def onValueChanged(self, value):
    if value % 2 == 0:
        self.setStyleSheet("QSpinBox::up-button {background-color: #00b3e6;} \
                            QSpinBox::up-button:hover {background-color: #1ebbd7;} \
                            QSpinBox::up-button:pressed {background-color: #0fa4c4;}")
    else:
        self.setStyleSheet("QSpinBox::up-button {background-color: #ff4d4d;} \
                            QSpinBox::up-button:hover {background-color: #ff3333;} \
                            QSpinBox::up-button:pressed {background-color: #b30000;}")

在这里，我们使用 if/else 语句，根据 QSpinBox 的值设置不同的背景颜色。

结论

通过本文的介绍，我们可以看到如何在 Pyqt5 QSpinBox 中按下向上按钮时修改背景颜色，以便提高用户体验。如果需要更多 Pyqt5 的教程，可以查看我们的官网(https://www.tutorialspoint.com/pyqt/index.htm)。