PyQt5 - 复选框的指示器皮肤

在 PyQt5 中，复选框（QCheckBox）是一个常用的控件，它允许用户选择多个选项或取消选择。本文将介绍如何更改复选框指示器（即勾选/取消勾选符号的外观），以适应不同的美学需求。

默认指示器皮肤

首先，让我们看一下 PyQt5 中复选框的默认指示器样式。该样式通常包括一个正方形框，左上角包含一个小的勾选符号，表示已经选中。

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

class Example(QWidget):
    
    def __init__(self):
        super().__init__()
        
        self.initUI()
        
        
    def initUI(self):
        
        self.setGeometry(300, 300, 250, 150)
        self.setWindowTitle('Checkbox')
        
        cb = QCheckBox('Show title', self)
        cb.move(20, 20)
        cb.toggle()
        
        self.show()
        
        
if __name__ == '__main__':
    
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

运行上述代码，将会显示一个默认样式的复选框，如下图所示。

更改指示器皮肤

PyQt5 允许开发者通过使用样式表（StyleSheet）更改控件的外观。因此，我们可以利用样式表来更改复选框的指示器样式。

下面展示了两个使用样式表更改复选框指示器外观的示例。其中第一个示例将替换默认的勾选符号，第二个示例将更改指示器的颜色和大小。

## 替换勾选符号示例
cb.setStyleSheet('QCheckBox::indicator:unchecked {image: url(path/to/unchecked/image);}\
                  QCheckBox::indicator:checked {image: url(path/to/checked/image);}')

## 更改指示器颜色和大小示例
cb.setStyleSheet('QCheckBox::indicator { width: 25px; height: 25px;}\
                  QCheckBox::indicator:unchecked { background-color: red; }\
                  QCheckBox::indicator:checked { background-color: blue; }')

值得注意的是，开发者可以设计自己的勾选符号图片，将其应用到样式表中。

结论

本文介绍了如何使用 PyQt5 样式表更改复选框的指示器皮肤。通过这种方法，开发者可以根据自己的需求设计符合美学要求的复选框样式。