PyQt5 – 设置复选框指标被按下时的皮肤

PyQt5是一个Python编程语言的GUI工具包。它通过Qt样式表实现了一种类似于CSS的方式来样式化应用程序组件和部件。这里给出设置复选框的指标被按下时的皮肤的完整使用攻略。

简介

复选框是一种常用的控件，它可以在 “选中” 或 “未选中” 两种状态之间切换，用户可以使用它来进行选择。当用户按下或释放复选框时显示的指标可以通过设置样式表来修改。

步骤

1. 导入必要的库：

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

1. 创建一个复选框

checkbox = QCheckBox('Check Box')

1. 设置指标皮肤的样式表

checked_style = "QCheckBox::indicator:unchecked {image: url(icons/unchecked.png);}" \
                "QCheckBox::indicator:checked {image: url(icons/checked.png);}"
checkbox.setStyleSheet(checked_style)

其中 checkbox 表示创建的复选框，"QCheckBox::indicator:unchecked {image: url(icons/unchecked.png);}" 是未选中时的样式表，"QCheckBox::indicator:checked {image: url(icons/checked.png);}" 是选中时的样式表。

1. 显示复选框

layout = QVBoxLayout()
layout.addWidget(checkbox)

window = QWidget()
window.setLayout(layout)
window.show()

示例

下面给出两条使用示例：

示例1：使用gif动图作为选中或未选中时的指标图标

假设有两个gif动图，分别为 unchecked.gif 和 checked.gif，放在 icons 文件目录下。这时代码可以修改为：

unchecked_icon = "icons/unchecked.gif"
checked_icon = "icons/checked.gif"

checked_style = "QCheckBox::indicator:unchecked {image: url(" + unchecked_icon + ");}" \
                "QCheckBox::indicator:checked {image: url(" + checked_icon + ");}"
checkbox.setStyleSheet(checked_style)

这样就可以实现使用gif动图作为选中或未选中时的指标图标。

示例2：使用不同的图标或颜色作为不同状态的指标图标

假设有两个png图片，分别为 unchecked.png 和 checked.png，放在 icons 目录下。图片的背景色相同，但前景色不同，分别为红色和绿色。这时代码可以修改为：

unchecked_icon = "icons/unchecked.png"
checked_icon = "icons/checked.png"

checked_style = "QCheckBox::indicator:unchecked {image: url(" + unchecked_icon + ");}" \
                "QCheckBox::indicator:checked {image: url(" + checked_icon + "); color: green;}" \
                "QCheckBox::indicator:indeterminate {image: url(" + checked_icon + "); color: red;}"
checkbox.setStyleSheet(checked_style)

这样就可以实现使用不同的图标或颜色作为不同状态的指标图标。

结论

通过上述步骤及示例代码，我们可以在PyQt5中设置复选框指标被按下时的皮肤，实现更加绚丽多彩的界面效果。