PyQt5 QSpinBox – 按下时为向下箭头添加边框

在 PyQt5 中，QSpinBox 是一个带有向上和向下箭头的微调框，允许用户增加或减少数字值。在默认情况下，当用户点击向下箭头时，箭头周围没有边框。然而，有时为了美学或提高可用性，我们可能想要在用户点击向下箭头时为其添加边框。在本教程中，我们将学习如何做到这一点。

代码实现

我们可以通过以下步骤来实现按下 QSpinBox 向下箭头时添加边框：

1. 创建 QSpinBox。
2. 使用 setStyleSheet() 为箭头添加样式。
3. 用 setButtonSymbols() 来设置按钮显示 - 这将使我们的边框被正确显示。
4. 将 QSpinBox 添加到窗口中并显示。

下面是实现这个功能的完整代码块：

from PyQt5.QtWidgets import QApplication, QWidget, QSpinBox, QVBoxLayout

if __name__ == '__main__':
    app = QApplication([])
    window = QWidget()

    # 创建 QSpinBox
    spinbox = QSpinBox()

    # 设置样式表
    spinbox.setStyleSheet("QSpinBox::down-arrow {border-bottom: 1px solid black;}")

    # 设置按钮类型
    spinbox.setButtonSymbols(QSpinBox.UpDownArrows)

    # 添加到布局中
    layout = QVBoxLayout()
    layout.addWidget(spinbox)
    window.setLayout(layout)

    window.show()
    app.exec_()

代码说明

第一个步骤是我们熟悉的，使用 PyQt5 导入必要的模块并创建一个应用程序实例。我们创建了一个 QWidget 实例，稍后将 QSpinBox 添加到其中。

from PyQt5.QtWidgets import QApplication, QWidget, QSpinBox, QVBoxLayout

if __name__ == '__main__':
    app = QApplication([])
    window = QWidget()

然后我们创建了一个 QSpinBox 的实例，该实例只是带有默认设置的微调框。我们随后将其添加到垂直布局中。

spinbox = QSpinBox()

# 添加到布局中
layout = QVBoxLayout()
layout.addWidget(spinbox)
window.setLayout(layout)

接下来，我们使用 setStyleSheet() 方法为箭头添加了样式。这里，我们选择了向下箭头（QSpinBox::down-arrow），并设置了一条黑色底部边框。这意味着在用户单击向下箭头时，它周围将出现一条黑色边框。如果您想为向上箭头添加边框，将 down-arrow 替换为 up-arrow 即可。

spinbox.setStyleSheet("QSpinBox::down-arrow {border-bottom: 1px solid black;}")

然后，我们使用 setButtonSymbols() 方法来设置为用户减少值时显示向下箭头。这将确保向下箭头旁边的边框被正确显示。

spinbox.setButtonSymbols(QSpinBox.UpDownArrows)

我们最后在窗口中显示 QSpinBox。

window.show()
app.exec_()

这就完成了 QSpinBox 向下箭头点击时添加边框的教程。

结论

这是如何在 PyQt5 QSpinBox 中单击向下箭头时添加边框的完整教程。在本教程中，我们学习了如何使用 setStyleSheet() 方法在箭头周围添加样式，如何设置 QSpinBox 的按钮显示类型，以及如何将 QSpinBox 添加到我们的布局中。