PyQt5 – 当鼠标悬停在单选按钮上时，选中的指示灯的背景颜色

PyQt5是Python语言的GUI编程工具包，可以在Python中创建可视化窗口界面和交互式应用程序。单选按钮是GUI界面中常用的控件之一，但是在不同的交互场景下，我们可能需要为选中的单选按钮提供指示灯来辅助用户的交互体验。本篇攻略将详细讲解如何在PyQt5中实现当鼠标悬停在单选按钮上时，选中的指示灯的背景颜色的效果。

步骤一：安装PyQt5

在使用PyQt5前，需要先安装PyQt5库。可以使用pip或conda等方式安装PyQt5库。例如，使用pip安装PyQt5库的命令如下：

pip install PyQt5

步骤二：导入必要的库

在使用PyQt5创建GUI界面时，需要导入PyQt5中的QtWidgets库和QtCore库。下面是导入必要库的示例代码：

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

步骤三：创建单选按钮和指示灯

在创建单选按钮和指示灯之前，需要先创建应用程序和窗口对象。

app = QApplication([])
window = QWidget()

然后，可以创建单选按钮和指示灯。创建单选按钮的代码如下：

radio_button = QRadioButton("单选按钮", parent=window)

创建指示灯的代码如下：

indicator = QWidget(parent=radio_button)
indicator.setGeometry(14, 14, 10, 10)
indicator.setStyleSheet("background-color: green; border-radius: 5px;")
indicator.hide()

这里使用QtWidgets中的QRadioButton和QWidget类来创建单选按钮和指示灯，QColor类用来设置指示灯的背景颜色，QPalette类用来设置控件的风格。指示灯的颜色和风格可以根据实际需求进行调整。

步骤四：设置悬停事件

当鼠标悬停在单选按钮上时，需要实现选中的指示灯的背景颜色。可以使用设置悬停事件的方式来实现这一功能。

def on_mouse_hover():
     if radio_button.isChecked():
         indicator.show()
         indicator.setStyleSheet("background-color: red; border-radius: 5px;")
     else:
         indicator.hide()

radio_button.setStyleSheet("QRadioButton:hover { padding-left: 20px; }")
radio_button.enterEvent = on_mouse_hover
radio_button.leaveEvent = on_mouse_hover

这里使用了QRadioButton的hover样式来设置单选按钮的边距。同时，定义了一个on_mouse_hover函数来设置指示灯的显示和隐藏，并根据单选按钮的状态设置指示灯的背景颜色。

示例一

下面是一个完整的示例代码，可以在PyQt5中实现选中的指示灯的背景颜色。

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


app = QApplication([])
window = QWidget()

radio_button = QRadioButton("单选按钮", parent=window)

indicator = QWidget(parent=radio_button)
indicator.setGeometry(14, 14, 10, 10)
indicator.setStyleSheet("background-color: green; border-radius: 5px;")
indicator.hide()

def on_mouse_hover():
     if radio_button.isChecked():
         indicator.show()
         indicator.setStyleSheet("background-color: red; border-radius: 5px;")
     else:
         indicator.hide()

radio_button.setStyleSheet("QRadioButton:hover { padding-left: 20px; }")
radio_button.enterEvent = on_mouse_hover
radio_button.leaveEvent = on_mouse_hover

window.show()
app.exec_()

示例二

下面是另一个示例代码，可以实现多个单选按钮和指示灯共存的效果。

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


app = QApplication([])
window = QWidget()

layout = QVBoxLayout()

radio_button_1 = QRadioButton("单选按钮 1", parent=window)
radio_button_2 = QRadioButton("单选按钮 2", parent=window)

indicator_1 = QWidget(parent=radio_button_1)
indicator_1.setGeometry(14, 14, 10, 10)
indicator_1.setStyleSheet("background-color: green; border-radius: 5px;")
indicator_1.hide()

indicator_2 = QWidget(parent=radio_button_2)
indicator_2.setGeometry(14, 14, 10, 10)
indicator_2.setStyleSheet("background-color: green; border-radius: 5px;")
indicator_2.hide()

def on_mouse_hover(button, indicator):
     if button.isChecked():
         indicator.show()
         indicator.setStyleSheet("background-color: red; border-radius: 5px;")
     else:
         indicator.hide()

radio_button_1.setStyleSheet("QRadioButton:hover { padding-left: 20px; }")
radio_button_1.enterEvent = lambda event: on_mouse_hover(radio_button_1, indicator_1)
radio_button_1.leaveEvent = lambda event: on_mouse_hover(radio_button_1, indicator_1)

radio_button_2.setStyleSheet("QRadioButton:hover { padding-left: 20px; }")
radio_button_2.enterEvent = lambda event: on_mouse_hover(radio_button_2, indicator_2)
radio_button_2.leaveEvent = lambda event: on_mouse_hover(radio_button_2, indicator_2)

layout.addWidget(radio_button_1)
layout.addWidget(radio_button_2)

layout.setSpacing(20)
window.setLayout(layout)

window.show()
app.exec_()

参考资料

1. PyQt5官方文档：https://riverbankcomputing.com/static/Docs/PyQt5/index.html
2. Python GUI编程：使用PyQt5创建完整的GUI应用程序：https://developer.ibm.com/zh/tutorials/python-gui-programming-with-pyqt5/