PyQt5 – 勾选状态下的单选按钮的背景图片

下面是针对“PyQt5 - 勾选状态下的单选按钮的背景图片”的完整使用攻略。

前置条件

在开始使用“PyQt5 - 勾选状态下的单选按钮的背景图片”的攻略前，需要安装PyQt5。可以在cmd或终端中打开以下命令进行安装：

pip install PyQt5

另外，我们需要知道如何使用CSS样式来设置控件的样式。

勾选状态下的单选按钮的背景图片的使用攻略

步骤1：设置QButtonGroup

首先，我们需要创建一个QButtonGroup以使得单选按钮可以进行相互的勾选。下面是一个示例：

button_group = QButtonGroup()

步骤2：创建单选按钮并设置样式

接着，我们创建单选按钮，并使用CSS样式设置其正常和勾选状态下的背景图片。下面是一个示例：

button = QRadioButton("Button 1")
button.setStyleSheet("QRadioButton{background-image: url('./img/button_normal.png')}"
                     "QRadioButton::indicator:checked{background-image: url('./img/button_checked.png')}")

步骤3：将单选按钮加入QButtonGroup

为了使单选按钮可以进行相互的勾选，我们需要将其加入QButtonGroup中。下面是一个示例：

button_group.addButton(button)

步骤4：设置单选按钮的默认勾选状态

最后，我们可以设置单选按钮的默认勾选状态。下面是一个示例：

button.setChecked(True)

示例说明

示例1：设置3个单选按钮

下面是一个示例，我们设置3个单选按钮，并且勾选了第一个单选按钮，其余两个则没有勾选。这里假设我们的背景图片放在./img/文件夹下。

from PyQt5.QtWidgets import *
import sys

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

        self.button_group = QButtonGroup()

        self.init_ui()


    def init_ui(self):
        vbox = QVBoxLayout()

        button1 = QRadioButton("Button 1")
        button1.setStyleSheet("QRadioButton{background-image: url('./img/button_normal.png')}"
                             "QRadioButton::indicator:checked{background-image: url('./img/button_checked.png')}")
        vbox.addWidget(button1)
        self.button_group.addButton(button1)

        button2 = QRadioButton("Button 2")
        button2.setStyleSheet("QRadioButton{background-image: url('./img/button_normal.png')}"
                             "QRadioButton::indicator:checked{background-image: url('./img/button_checked.png')}")
        vbox.addWidget(button2)
        self.button_group.addButton(button2)

        button3 = QRadioButton("Button 3")
        button3.setStyleSheet("QRadioButton{background-image: url('./img/button_normal.png')}"
                             "QRadioButton::indicator:checked{background-image: url('./img/button_checked.png')}")
        vbox.addWidget(button3)
        self.button_group.addButton(button3)

        button1.setChecked(True)

        self.setLayout(vbox)

app = QApplication(sys.argv)
ex = Example()
ex.show()
sys.exit(app.exec_())

示例2：切换勾选状态

下面是一个示例，我们设置一个按钮，用于切换勾选状态。如果当前为勾选状态，则切换到未勾选状态，反之亦然。该示例和示例1中的设置是一致的，因此背景图片的路径就不赘述了。

from PyQt5.QtWidgets import *
import sys

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

        self.button_group = QButtonGroup()

        self.init_ui()


    def init_ui(self):
        vbox = QVBoxLayout()

        button1 = QRadioButton("Button 1")
        button1.setStyleSheet("QRadioButton{background-image: url('./img/button_normal.png')}"
                             "QRadioButton::indicator:checked{background-image: url('./img/button_checked.png')}")
        vbox.addWidget(button1)
        self.button_group.addButton(button1)

        button2 = QRadioButton("Button 2")
        button2.setStyleSheet("QRadioButton{background-image: url('./img/button_normal.png')}"
                             "QRadioButton::indicator:checked{background-image: url('./img/button_checked.png')}")
        vbox.addWidget(button2)
        self.button_group.addButton(button2)

        button3 = QRadioButton("Button 3")
        button3.setStyleSheet("QRadioButton{background-image: url('./img/button_normal.png')}"
                             "QRadioButton::indicator:checked{background-image: url('./img/button_checked.png')}")
        vbox.addWidget(button3)
        self.button_group.addButton(button3)

        button1.setChecked(True)

        toggle_button = QPushButton("Toggle Selection")
        toggle_button.clicked.connect(self.toggle_selection)
        vbox.addWidget(toggle_button)

        self.setLayout(vbox)


    def toggle_selection(self):
        for button in self.button_group.buttons():
            if button.isChecked():
                button.setChecked(False)
                break
        else:
            self.button_group.buttons()[0].setChecked(True)

app = QApplication(sys.argv)
ex = Example()
ex.show()
sys.exit(app.exec_())

以上就是"PyQt5 - 勾选状态下的单选按钮的背景图片"的完整使用攻略和两个示例的说明。