博客

PyQt5 – 为单选按钮的指示器设置皮肤

  • Post category:Python

下面是Python PyQt5库中如何为单选按钮的指示器设置皮肤的完整使用攻略。

准备工作

在使用PyQt5进行单选按钮指示器的皮肤设置之前，需要先进行相关模块的导入。

from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QApplication, QButtonGroup, QHBoxLayout, QRadioButton, QVBoxLayout, QWidget
from PyQt5.QtGui import QPalette, QColor

在导入模块之后，还需要创建一个应用程序实例。

app = QApplication([])

实现指示器皮肤设置

方法一：使用样式表

可以使用样式表的方式来设置单选按钮指示器的皮肤样式。具体步骤如下：

  1. 创建单选按钮
radioBtn = QRadioButton("radio button")
  1. 创建应用程序实例，然后设置样式表
app = QApplication([])
styleSheet = "QRadioButton::indicator {width: 40px;height: 40px;} QRadioButton::indicator:checked { background-color: green; }"
radioBtn.setStyleSheet(styleSheet)
  1. 显示单选按钮
radioBtn.show()
app.exec_()

在上面的皮肤设置样式表中，首先设置了指示器的宽度和高度，然后设置选中状态下的背景色为绿色。可以根据实际需要，选择自己所喜欢的颜色和大小来设置样式表。

方法二：使用代码设置

在PyQt5中，还可以使用代码的方式来设置单选按钮指示器的皮肤样式。具体步骤如下：

  1. 创建单选按钮
radioBtn = QRadioButton("radio button")
  1. 创建一个指示器的样式表字典，包含未选中和选中两种状态下的样式表设置：
uncheckStyleSheet = "QRadioButton::indicator {width: 40px; height: 40px; background-color: gray;border-radius: 20px;}"
checkStyleSheet = "QRadioButton::indicator {width: 40px; height: 40px; border-radius: 20px;}"
pal = QPalette()
checkedColor = QColor(255, 0, 0)
pal.setColor(QPalette.Active, QPalette.WindowText, checkedColor)
pal.setColor(QPalette.Inactive, QPalette.WindowText, checkedColor)

在上面的字典中，设置了指示器的默认大小和默认颜色，指示器的半径为20像素。

  1. 使用样式表和设置字典来设置指示器皮肤
radioBtn.setAutoExclusive(False)
radioBtn.setCheckable(True)
radioBtn.toggled.connect(lambda selected: radioButtonChecked(selected, pal, radioBtn))
radioBtn.setStyleSheet(uncheckStyleSheet)
radioBtn.setPalette(pal)

在上面的代码中，首先将单选按钮的exclusive属性设置为False，然后将Checkable属性设置为True，即单选按钮可以被选中或取消选中。然后，通过toggled信号连接处理函数，使用切换信号来为选中的指示器设置皮肤样式，且如果选中一个单选按钮，则其他单选按钮的选中状态都会取消。

最后，使用setStyleSheet方法将初始样式表和字典样式表进行拼接，并使用setPalette方法用选中颜色更新单选按钮的画板。

示例说明

示例一：使用样式表为单选按钮的指示器设置皮肤

下面的代码演示了如何使用样式表为单选按钮的指示器设置皮肤。

from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QApplication, QHBoxLayout, QRadioButton
from PyQt5.QtGui import QPalette, QColor

app = QApplication([])

styleSheet = "QRadioButton::indicator {width: 40px;height: 40px;} QRadioButton::indicator:checked { background-color: green; }"

radioBtn = QRadioButton("radio button")
radioBtn.setStyleSheet(styleSheet)
radioBtn.show()
app.exec_()

在上面的示例中，我们使用样式表为单选按钮的指示器设置了宽度为40像素，高度为40像素，选中状态下的背景色为绿色。

示例二：使用代码为单选按钮的指示器设置皮肤

下面的代码演示了如何使用代码为单选按钮指示器设置皮肤。

from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QApplication, QButtonGroup, QHBoxLayout, QRadioButton, QVBoxLayout, QWidget
from PyQt5.QtGui import QPalette, QColor

app = QApplication([])

def radioButtonChecked(selected, pal, radioBtn):
    if selected:
        radioBtn.setStyleSheet(checkStyleSheet)
        radioBtn.setPalette(pal)
    else:
        radioBtn.setStyleSheet(uncheckStyleSheet)
        radioBtn.setPalette(pal)


uncheckStyleSheet = "QRadioButton::indicator {width: 40px; height: 40px; background-color: gray;border-radius: 20px;}"
checkStyleSheet = "QRadioButton::indicator {width: 40px; height: 40px; border-radius: 20px;}"
pal = QPalette()
checkedColor = QColor(255, 0, 0)
pal.setColor(QPalette.Active, QPalette.WindowText, checkedColor)
pal.setColor(QPalette.Inactive, QPalette.WindowText, checkedColor)

radioBtn1 = QRadioButton("radio button 1")
radioBtn2 = QRadioButton("radio button 2")
radioBtn3 = QRadioButton("radio button 3")

radioBtn1.setAutoExclusive(False)
radioBtn2.setAutoExclusive(False)
radioBtn3.setAutoExclusive(False)
radioBtn1.setCheckable(True)
radioBtn2.setCheckable(True)
radioBtn3.setCheckable(True)

radioBtn1.toggled.connect(lambda selected: radioButtonChecked(selected, pal, radioBtn1))
radioBtn2.toggled.connect(lambda selected: radioButtonChecked(selected, pal, radioBtn2))
radioBtn3.toggled.connect(lambda selected: radioButtonChecked(selected, pal, radioBtn3))

radioBtn1.setStyleSheet(uncheckStyleSheet)
radioBtn2.setStyleSheet(uncheckStyleSheet)
radioBtn3.setStyleSheet(uncheckStyleSheet)

radioBtn1.setPalette(pal)
radioBtn2.setPalette(pal)
radioBtn3.setPalette(pal)

layout = QHBoxLayout()
layout.addWidget(radioBtn1)
layout.addWidget(radioBtn2)
layout.addWidget(radioBtn3)

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

app.exec_()

在上面的示例中，我们使用代码的方式为单选按钮指示器设置皮肤。我们创建了一个样式字典，包含未选中和被选中两种状态下的样式表设置，为单选按钮设置初始化样式表和字典样式表，然后切换选中的单选按钮时使用toggled信号来动态更新皮肤样式。最后使用setPalette方法用选中颜色更新单选按钮的画板。

Tags: