PyQt5 - Check Box 的凹槽边框

在 PyQt5 中，我们可以通过 QCheckBox 控件来创建一个复选框（Check Box）。在界面中使用复选框时，我们不仅可以根据用户的选择来改变程序行为，还可以通过美化复选框来提高程序的外观效果。其中一个美化复选框的方法就是使用凹槽边框。

创建一个带凹槽边框的复选框

在 PyQt5 中，我们可以使用以下代码创建一个带凹槽边框的复选框：

from PyQt5.QtWidgets import QApplication, QWidget, QCheckBox, QVBoxLayout
from PyQt5.QtCore import Qt

app = QApplication([])
window = QWidget()

checkbox = QCheckBox("Check Box")
checkbox.setTristate(False)
checkbox.setStyleSheet("QCheckBox::indicator { width: 20px; height: 20px; }"
                       "QCheckBox::indicator:checked { image: url(checked.png); }"
                       "QCheckBox::indicator:unchecked { image: url(unchecked.png); }"
                       "QCheckBox::indicator:checked:hover { image: url(checked_hover.png); }"
                       "QCheckBox::indicator:unchecked:hover { image: url(unchecked_hover.png); }"
                       "QCheckBox::indicator:checked:pressed { image: url(checked_pressed.png); }"
                       "QCheckBox::indicator:unchecked:pressed { image: url(unchecked_pressed.png); }"
                       "QCheckBox::indicator:checked:focus { border: 2px solid #3399ff; }"
                       "QCheckBox::indicator:unchecked:focus { border: 2px solid #3399ff; }"
                       "QCheckBox::indicator:indeterminate:focus { border: 2px solid #3399ff; }")
checkbox.setCursor(Qt.PointingHandCursor)

layout = QVBoxLayout()
layout.addWidget(checkbox)

window.setLayout(layout)
window.show()
app.exec_()

在上面的代码中，我们首先创建了一个 QWidget 窗口和一个 QCheckBox 复选框控件，并将复选框添加到了窗口中。然后，我们使用了 setStyleSheet() 方法来为复选框设置样式表。通过样式表，我们可以为复选框的不同状态（选中、未选中、鼠标悬停、鼠标按下、获取焦点等）设置不同的背景图片和边框样式。具体来说，我们使用了以下样式表属性：

• QCheckBox::indicator { width: 20px; height: 20px; }：设置复选框的宽度和高度为 20 像素。
• QCheckBox::indicator:checked { image: url(checked.png); }：设置复选框选中时的背景图片。
• QCheckBox::indicator:unchecked { image: url(unchecked.png); }：设置复选框未选中时的背景图片。
• QCheckBox::indicator:checked:hover { image: url(checked_hover.png); }：设置鼠标悬停在选中复选框上时的背景图片。
• QCheckBox::indicator:unchecked:hover { image: url(unchecked_hover.png); }：设置鼠标悬停在未选中复选框上时的背景图片。
• QCheckBox::indicator:checked:pressed { image: url(checked_pressed.png); }：设置鼠标按下选中复选框时的背景图片。
• QCheckBox::indicator:unchecked:pressed { image: url(unchecked_pressed.png); }：设置鼠标按下未选中复选框时的背景图片。
• QCheckBox::indicator:checked:focus { border: 2px solid #3399ff; }：设置获取焦点时选中复选框的边框为蓝色实线边框，宽度为 2 像素。
• QCheckBox::indicator:unchecked:focus { border: 2px solid #3399ff; }：设置获取焦点时未选中复选框的边框为蓝色实线边框，宽度为 2 像素。
• QCheckBox::indicator:indeterminate:focus { border: 2px solid #3399ff; }：设置获取焦点时半选中复选框的边框为蓝色实线边框，宽度为 2 像素。

最后，我们使用了 setCursor() 方法为复选框设置了鼠标指针样式为“手指指示器”。

运行上面的代码，我们可以看到一个带凹槽边框的复选框：

小结

在本文中，我们介绍了如何在 PyQt5 中创建一个带凹槽边框的复选框，并为复选框的不同状态设置了不同的背景图片和边框样式。这种方法可以让我们更好地美化复选框，提高程序的外观效果。