PyQt5 – 给单选按钮的指示器设置背景图片

为了详细讲解PyQt5给单选按钮的指示器设置背景图片的完整使用攻略，我们需要分步骤进行：

1. 导入PyQt5和相关模块

首先我们需要在代码中导入PyQt5库和相关模块，包括 QObject、QApplication、QWidget、QGridLayout、QButtonGroup、QRadioButton、.QLabel、QPixmap等。

import sys
from PyQt5.QtCore import QObject
from PyQt5.QtGui import QPixmap
from PyQt5.QtWidgets import QApplication, QWidget, QGridLayout, QButtonGroup, QRadioButton, QLabel

1. 创建单选按钮和按钮组

接下来我们需要在代码中创建单选按钮和对应的按钮组，使用 QRadioButton 和 QButtonGroup 两个类。

# 创建单选按钮和图像
radio_btn_1 = QRadioButton('Button 1')
radio_btn_2 = QRadioButton('Button 2')
image_1 = QPixmap('image_1.png')
image_2 = QPixmap('image_2.png')

# 创建按钮组
radio_btn_grp = QButtonGroup()
radio_btn_grp.addButton(radio_btn_1)
radio_btn_grp.addButton(radio_btn_2)

在上述代码中，我们创建了两个单选按钮和对应的两个图像，并将单选按钮添加到一个按钮组中。

1. 设置单选按钮指示器的背景图片

接下来我们需要对单选按钮的指示器进行设置，将其背景设置为我们创建的图像。需要注意的是，由于单选按钮可能会被选中或未选中，所以我们需要在代码中设置两种情况下指示器的背景图像。

# 设置单选按钮 1 的指示器背景图片
radio_btn_1.setStyleSheet('QRadioButton::indicator:checked { background-image: url(' + image_1 + ')}')
radio_btn_1.setStyleSheet('QRadioButton::indicator:unchecked { background-image: url(' + image_2 + ')}')

在上述代码中，我们使用了 setStyleSheet 方法来设置单选按钮 1 的指示器的背景图像，其中 :checked 代表单选按钮选中的状态，:unchecked 代表单选按钮未选中的状态。最后，我们将图像添加到样式表中。

同样的，我们也可以为单选按钮 2 的指示器设置背景图片。

1. 创建并布局窗口

最后，我们需要在代码中创建并布局窗口，将单选按钮添加到窗口中显示。

# 创建窗口
app = QApplication(sys.argv)
win = QWidget()
win.setFixedSize(300, 200)
win.setWindowTitle('PyQt5 Radio Button Example')

# 布局窗口
layout = QGridLayout()
layout.addWidget(radio_btn_1, 0, 0)
layout.addWidget(radio_btn_2, 0, 1)
win.setLayout(layout)

# 显示窗口
win.show()
sys.exit(app.exec_())

在上述代码中，我们创建了一个窗口并设置了固定的大小和标题，使用 QGridLayout 来布局窗口。最后，我们将单选按钮添加到布局中，并显示窗口。

下面是完整的示例代码：

import sys
from PyQt5.QtCore import QObject
from PyQt5.QtGui import QPixmap
from PyQt5.QtWidgets import QApplication, QWidget, QGridLayout, QButtonGroup, QRadioButton, QLabel

# 创建单选按钮和图像
radio_btn_1 = QRadioButton('Button 1')
radio_btn_2 = QRadioButton('Button 2')
image_1 = QPixmap('image_1.png')
image_2 = QPixmap('image_2.png')

# 创建按钮组
radio_btn_grp = QButtonGroup()
radio_btn_grp.addButton(radio_btn_1)
radio_btn_grp.addButton(radio_btn_2)

# 设置单选按钮 1 的指示器背景图片
radio_btn_1.setStyleSheet('QRadioButton::indicator:checked { background-image: url(' + image_1 + ')}')
radio_btn_1.setStyleSheet('QRadioButton::indicator:unchecked { background-image: url(' + image_2 + ')}')

# 设置单选按钮 2 的指示器背景图片
radio_btn_2.setStyleSheet('QRadioButton::indicator:checked { background-image: url(' + image_2 + ')}')
radio_btn_2.setStyleSheet('QRadioButton::indicator:unchecked { background-image: url(' + image_1 + ')}')

# 创建窗口
app = QApplication(sys.argv)
win = QWidget()
win.setFixedSize(300, 200)
win.setWindowTitle('PyQt5 Radio Button Example')

# 布局窗口
layout = QGridLayout()
layout.addWidget(radio_btn_1, 0, 0)
layout.addWidget(radio_btn_2, 0, 1)
win.setLayout(layout)

# 显示窗口
win.show()
sys.exit(app.exec_())

通过上述代码，我们可以成功创建并显示一个具有两个单选按钮，并且可以设置指示器背景图片的PyQt5窗口。