PyQt5 – 为不确定的复选框按下时设置皮肤

PyQt5是Python编程语言的GUI编程工具包，提供了一种用于创建丰富和可交互图形用户界面的方法。其中之一的使用场景是在应用程序中使用复选框，但是复选框的状态在按下时不确定。本文将为大家介绍如何设置皮肤以应对这种情况。

步骤 1 - 安装PyQt5

在使用PyQt5之前，必须先安装它。可以使用以下命令在命令行终端上安装PyQt5：

pip install PyQt5

步骤 2 - 导入库

在Python中使用PyQt5时，必须首先导入所需的库，包括：

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

在这里，我们导入了QApplication、QWidget、QCheckBox、QGridLayout和Qt等类和方法以创建Python GUI应用程序。

步骤 3 - 创建GUI

接下来，我们将创建一个基本的GUI，用于演示设置未确定状态的复选框的皮肤。在这个示例中，我们将创建一个QWidget，并向它添加多个复选框。

class MainForm(QWidget):
    def __init__(self):
        super().__init__()

        # 创建多个复选框并添加到grid布局中
        layout = QGridLayout()
        layout.addWidget(QCheckBox('Option 1', self), 0, 0)
        layout.addWidget(QCheckBox('Option 2', self), 1, 0)
        layout.addWidget(QCheckBox('Option 3', self), 2, 0)

        # 将grid布局添加到QWidget
        self.setLayout(layout)
        self.setWindowTitle('Checkbox Demo')

if __name__ == '__main__':
    app = QApplication([])
    window = MainForm()
    window.show()
    app.exec_()

步骤 4 - 自定义样式表

当前，我们的复选框将在纯白背景上显示为黑色文本。我们希望在复选框未确定时显示蓝色样式，则需要自定义样式表以支持此功能。我们可以通过以下方式创建这些样式：

unchecked_stylesheet = '''
    QCheckBox::indicator {
        border: 1px solid #ccc;
        width: 34px;
        height: 34px;
        border-radius: 17px;
        margin: 6px;
    }
    QCheckBox::indicator:hover {
        border: 1px solid #aaa;
    }
    QCheckBox::indicator::unchecked {
        background-color: #fff;
    }
    QCheckBox::indicator::unchecked:hover {
        background-color: #fff;
    }
'''

indeterminate_stylesheet = '''
    QCheckBox::indicator {
        border: 1px solid #ccc;
        width: 34px;
        height: 34px;
        border-radius: 17px;
        margin: 6px;
    }
    QCheckBox::indicator:hover {
        border: 1px solid #aaa;
    }
    QCheckBox::indicator:indeterminate {
        background-color: #3f7fef;
    }
'''

这两个样式表将分别用于未选择的复选框和未确定的复选框。

步骤 5 - 设置样式

我们已经创建了样式表，现在可以将其应用于复选框上，通过以下方式：

        # 应用样式表到checkbox
        for i in range(layout.count()):
            item = layout.itemAt(i)
            if item.widget():
                item.widget().setStyleSheet(unchecked_stylesheet)

                # 为复选框的状态更改添加侦听器
                item.widget().stateChanged.connect(self.handleStateChanged)

此时，我们将从函数handleStateChanged()开始侦听状态更改和设置状态：

    def handleStateChanged(self, state):
        checkbox = self.sender()
        if state == Qt.CheckState.Unchecked:
            checkbox.setStyleSheet(unchecked_stylesheet)
        elif state == Qt.CheckState.PartiallyChecked:
            checkbox.setStyleSheet(indeterminate_stylesheet)
        elif state == Qt.CheckState.Checked:
            checkbox.setStyleSheet(checked_stylesheet)

现在，我们的复选框将在未确定的情况下采用自定义样式表。

示例1 - 制作未确定状态复选框的样式表

我们创建了一个样式表，将用于未确定状态的复选框。该样式包括圆形复选框和蓝色背景：

indeterminate_stylesheet = '''
    QCheckBox::indicator {
        border: 1px solid #ccc;
        width: 34px;
        height: 34px;
        border-radius: 17px;
        margin: 6px;
    }
    QCheckBox::indicator:hover {
        border: 1px solid #aaa;
    }
    QCheckBox::indicator:indeterminate {
        background-color: #3f7fef;
    }
'''

这是将其应用于复选框的方式：

indeterminate_checkbox = QCheckBox('Indeterminate', self)
indeterminate_checkbox.setTristate(True)
indeterminate_checkbox.setCheckState(Qt.CheckState.PartiallyChecked)
indeterminate_checkbox.setStyleSheet(indeterminate_stylesheet)
layout.addWidget(indeterminate_checkbox, 3, 0)

在复选框设置为未确定的状态时，它将使用此样式。

示例2 - 制作已选择状态复选框的样式表

我们现在将创建一个样式表，将用于处于已选择状态的复选框。该样式包括圆形复选框和绿色背景：

checked_stylesheet = '''
    QCheckBox::indicator {
        border: 1px solid #ccc;
        width: 34px;
        height: 34px;
        border-radius: 17px;
        margin: 6px;
    }
    QCheckBox::indicator:hover {
        border: 1px solid #aaa;
    }
    QCheckBox::indicator::checked {
        background-color: #5cc15c;
    }
'''

这是将其应用于复选框的方式：

checked_checkbox = QCheckBox('Checked', self)
checked_checkbox.setCheckState(Qt.CheckState.Checked)
checked_checkbox.setStyleSheet(checked_stylesheet)
layout.addWidget(checked_checkbox, 4, 0)

当复选框处于已选择的状态时，它将使用此样式。

通过这两个示例，我们可以看到如何为未确定的复选框和已选择的复选框创建不同的样式表，并将它们应用于所需的复选框。