PyQt5 QSpinBox – 为向下箭头添加皮肤

下面详细讲解如何使用PyQt5的QSpinBox控件为向下箭头添加皮肤的完整使用攻略：

1. PyQt5 QSpinBox控件简介

QSpinBox是PyQt5中的一个数字调节框控件，用户可以通过该控件来选择整数数值，并且可以自定义控件的最大值、最小值、步长等属性，非常适用于交互式界面的设计。

2. PyQt5 QSpinBox控件添加皮肤

要为PyQt5 QSpinBox控件添加皮肤，可以通过下面的步骤进行操作：

1. 在PyQt5中，可以利用QStyleSheet来设置控件的样式。所以，首先需要载入QStyleSheet：

from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *

app = QApplication([])
app.setStyleSheet("""
QSpinBox::up-arrow { 
  image: url('up_arrow.png');
}
QSpinBox::down-arrow { 
  image: url('down_arrow.png');
}""")

注意，上面的代码中涉及到的箭头图片需要自己准备，并且需要将图片的路径正确指定。

1. 然后，在创建QSpinBox对象时，需要将控件的按钮控件类型设置为“QtGui.QStyle.SC_SpinBoxUp”和“QtGui.QStyle.SC_SpinBoxDown”，以控制对应的上下箭头，具体代码如下：

spinBox = QSpinBox()
spinBox.setButtonSymbols(QSpinBox.UpDownArrows)
spinBox.setStyle(QStyleFactory.create('Fusion'))
spinBox.lineEdit().setAlignment(Qt.AlignCenter)

注意，上面的代码中，我们将按钮控件的类型设置为“UpDownArrows”，并且还将spinBox的样式设置为Fusion样式。

1. 最后，在显示控件时，我们需要将spinBox控件添加到其他QWidget控件中，并将该QWidget控件添加到主窗口中，如下所示：

widget = QWidget()
layout = QVBoxLayout(widget)
layout.addWidget(spinBox)
mainWindow.setCentralWidget(widget)

3. PyQT5 QSpinBox控件添加皮肤的示例

接下来，我们看两个实例，更好地帮助您理解如何将PyQt5 QSpinBox控件添加皮肤：

示例如下：

import sys

from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *


class CustomSpinBox(QSpinBox):
    def __init__(self, parent=None):
        super(CustomSpinBox, self).__init__(parent)

        self.setStyleSheet("""
        QSpinBox::up-arrow { 
            image: url('up_arrow.png');
        }
        QSpinBox::down-arrow { 
            image: url('down_arrow.png');
        }""")

        self.setButtonSymbols(QSpinBox.UpDownArrows)
        self.setAlignment(Qt.AlignCenter)
        self.setSizePolicy(QSizePolicy.Fixed, QSizePolicy.Fixed)

    def sizeHint(self):
        return QSize(50, 30)


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

        spin_box1 = CustomSpinBox()
        spin_box2 = CustomSpinBox()

        layout = QVBoxLayout()
        layout.addWidget(spin_box1)
        layout.addWidget(spin_box2)
        widget = QWidget()
        widget.setLayout(layout)
        self.setCentralWidget(widget)


if __name__ == '__main__':
    app = QApplication(sys.argv)

    main_window = MainWindow()
    main_window.show()

    app.exec_()

上面的代码实现了两个CustomSpinBox控件的创建，并且利用了QVBoxLayout将它们垂直排列。CustomSpinBox是继承自QSpinBox的自定义控件，其中设置了对应的上下箭头图片，并且将控件的尺寸固定在50x30。

示例如下：

import sys

from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *


class CustomSpinBox(QSpinBox):
    def __init__(self, parent=None):
        super(CustomSpinBox, self).__init__(parent)

        self.setStyleSheet("""
        QSpinBox::up-arrow { 
            image: url('up_arrow.png');
        }
        QSpinBox::down-arrow { 
            image: url('down_arrow.png');
        }""")

        self.setButtonSymbols(QSpinBox.UpDownArrows)
        self.setAlignment(Qt.AlignRight)
        self.setSizePolicy(QSizePolicy.Fixed, QSizePolicy.Fixed)
        self.setRange(-99, 99)

    def sizeHint(self):
        return QSize(50, 30)


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

        spin_box1 = CustomSpinBox()
        spin_box2 = CustomSpinBox()

        layout = QVBoxLayout()
        layout.addWidget(spin_box1)
        layout.addWidget(spin_box2)
        widget = QWidget()
        widget.setLayout(layout)
        self.setCentralWidget(widget)


if __name__ == '__main__':
    app = QApplication(sys.argv)

    main_window = MainWindow()
    main_window.show()

    app.exec_()

上面的代码实现了两个CustomSpinBox控件的创建，并且设置了控件的范围，为-99到99。CustomSpinBox继承了QSpinBox控件，并且通过自定义的方式来添加了对应的上下箭头皮肤。此外，该控件还设置了对齐方式为右对齐。

至此，通过上述示例代码，您应该能够比较清晰地理解如何在PyQt5中使用QSpinBox控件来为向下箭头添加皮肤。