PyQt5 - 悬停时单选按钮的背景图像

在PyQt5中，我们可以使用样式表（stylesheet）来自定义UI控件的外观。本文将介绍如何在悬停时为单选按钮添加背景图像。

需求

我们希望在单选按钮（QRadioButton）悬停时，改变其背景图像，以提供更好的用户体验。我们可以使用样式表来实现这个效果。

方法

以下是实现此功能的方法：

1. 创建一个新的类，继承自QRadioButton，命名为HoverRadioButton。
2. 重写enterEvent和leaveEvent方法，在悬停和离开事件发生时更新样式表。
3. 在样式表中定义两种状态的背景图像：悬停状态和普通状态。

from PyQt5.QtWidgets import QRadioButton

class HoverRadioButton(QRadioButton):
    def __init__(self, text):
        super().__init__(text)
        
        self.setMouseTracking(True)  # 开启鼠标追踪
        
    def enterEvent(self, event):
        self.setStyleSheet("background-image: url(path_to_hover_image);")
        super().enterEvent(event)
        
    def leaveEvent(self, event):
        self.setStyleSheet("background-image: url(path_to_normal_image);")
        super().leaveEvent(event)

上述代码中，我们将背景图像的路径替换为实际的图片路径。可以自行调整图片大小和样式。

使用

现在，我们可以使用HoverRadioButton类来创建带有悬停效果的单选按钮。

from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout

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

layout = QVBoxLayout()
window.setLayout(layout)

hover_button = HoverRadioButton("Hover on me")
layout.addWidget(hover_button)

window.show()
app.exec_()

运行以上代码，您将看到在悬停时，单选按钮的背景图像发生变化。

结论

通过重写QRadioButton的鼠标悬停事件，我们可以很容易地为单选按钮添加背景图像。这提供了一种简单的方式来改变单选按钮的外观，以增强用户交互体验。

希望本文对你有所帮助！请根据实际情况调整代码中的图片路径和样式。