PyQt5 – 将背景颜色设置为从中间状态按下的指示器 |复选框

在 PyQt5 中，我们可以设置一个复选框以显示中间状态。当复选框处于中间状态时，它通常表示复选框中的某些选项只有部分被选中。我们可以通过设置 QCheckBox 的 tristate 属性来实现中间状态的复选框。

在本文中，我们将讨论如何在 PyQt5 中设置复选框的背景颜色，以便它反映其状态。我们将使用 stylesheet 来设置复选框的背景颜色，并且我们将使用 Python 来编写程序。

步骤1: 导入必要的模块

在编写程序之前，我们需要导入必要的模块。我们需要导入 PyQt5.QtWidgets 和 PyQt5.QtGui 模块，以便能够加载 QCheckBox 并设置其样式表。

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

步骤2: 创建应用程序

在我们可以开始编写程序之前，我们需要创建一个应用程序对象。我们可以使用 QApplication 类来创建应用程序：

app = QApplication([])

步骤3: 创建 QWidget

我们需要创建一个 QWidget 对象来容纳 QCheckBox。我们可以使用 QWidget 类来创建 QWidget 对象：

widget = QWidget()

步骤4: 创建 QCheckBox

现在，我们需要创建一个 QCheckBox 对象，并将其添加到 QWidget 中。我们可以使用 QCheckBox 类来创建 QCheckBox 对象：

checkbox = QCheckBox('Check Me')
widget.layout().addWidget(checkbox)

在此示例中，我们将一个 QCheckBox 对象添加到 QWidget 布局中。这将使它显示在我们的窗口中。

步骤5: 设置样式表

此处设置样式表以将复选框的背景颜色设置为与其状态匹配。我们可以使用 setStyleSheet() 方法来设置 QCheckBox 的样式表。在这里，我们将使用 stylesheet 来设置复选框的背景颜色。我们将为复选框的三个状态设置背景颜色：

• 未选中状态：淡灰色
• 中间状态：深灰色
• 选中状态：蓝色

checkbox.setStyleSheet('''
    QCheckBox {
        background-color: #ddd;
        padding: 10px;
    }
    QCheckBox::indicator {
        width: 20px;
        height: 20px;
    }
    QCheckBox::indicator:unchecked {
        background-color: #ddd;
        border-radius: 10px;
    }
    QCheckBox::indicator:checked {
        background-color: #2c82c9;
        border-radius: 10px;
    }    
    QCheckBox::indicator:indeterminate {
        background-color: #aaa;
        border-radius: 10px;
    }    
''')

此代码将 QCheckBox 的样式表设置为包含几个属性，包括：

• background-color：背景颜色
• padding：复选框周围的内边距
• width、height：复选框指示器的宽度和高度
• border-radius：复选框指示器的圆角半径

在此，我们将分别为 checked、unchecked 和 indeterminate 状态的指示器设置背景颜色和圆角半径。

步骤6: 显示窗口

现在，我们需要确保我们创建的 QWidget 窗口正确显示。为此，我们需要使用 show() 方法来显示窗口：

widget.show()
app.exec_()

完整代码

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

app = QApplication([])

widget = QWidget()
widget.setWindowTitle('PyQt5 – 设置复选框的背景颜色')

checkbox = QCheckBox('Check Me')
widget.layout().addWidget(checkbox)

checkbox.setStyleSheet('''
    QCheckBox {
        background-color: #ddd;
        padding: 10px;
    }
    QCheckBox::indicator {
        width: 20px;
        height: 20px;
    }
    QCheckBox::indicator:unchecked {
        background-color: #ddd;
        border-radius: 10px;
    }
    QCheckBox::indicator:checked {
        background-color: #2c82c9;
        border-radius: 10px;
    }    
    QCheckBox::indicator:indeterminate {
        background-color: #aaa;
        border-radius: 10px;
    }    
''')

widget.show()
app.exec_()

这将创建一个窗口，其中包含一个复选框，其背景颜色将根据其状态而改变。