博客

PyQt5 – 悬停时单选按钮的背景图片

  • Post category:Python

PyQt5是Python的GUI库之一，提供了丰富且易用的可视化组件。本篇攻略将会介绍如何使用PyQt5中的单选按钮组件并设置悬停时的背景图片。

1. PyQt5 – 单选按钮

在PyQt5中，我们使用QRadioButton类来创建单选按钮。使用时需要导入如下语句：

from PyQt5.QtWidgets import QRadioButton

创建一个单选按钮可以使用如下代码：

radio_button = QRadioButton('按我一下')

其中，QRadioButton的参数是单选按钮的文本内容。

2. 悬停时单选按钮的背景图片设置

为了在单选按钮悬停时显示特殊的背景图片，我们需要继承QRadioButton并重载其布局事件。具体的做法可以参考如下代码：

from PyQt5.QtWidgets import QRadioButton
from PyQt5.QtGui import QPixmap


class HoverButton(QRadioButton):
    def __init__(self, text, parent=None):
        super(HoverButton, self).__init__(text, parent)
        self.normal_image = QPixmap('normal.png')
        self.hover_image = QPixmap('hover.png')
        self.setStyleSheet(f"QRadioButton{{border-image:url('{self.normal_image.toImage().save('normal.png')}')}}")
        self.setFixedSize(self.normal_image.size())

    def enterEvent(self, QEvent):
        self.setStyleSheet(f"QRadioButton{{border-image:url('{self.hover_image.toImage().save('hover.png')}')}}")

    def leaveEvent(self, QEvent):
        self.setStyleSheet(f"QRadioButton{{border-image:url('{self.normal_image.toImage().save('normal.png')}')}}")

在上述代码中，我们创建了一个名为HoverButton的单选按钮子类。通过设置normal_image和hover_image两个属性来指定单选按钮在悬停和非悬停状态下的背景图片。我们在子类的构造函数中利用setStyleSheet()方法将单选按钮的默认背景图片设置为normal_image。在鼠标进入和离开单选按钮时，分别将单选按钮的背景图片更新为对应的hover_image和normal_image。

3. 示例

下面我们将演示如何使用上述代码，创建具有悬停背景图片的单选按钮。假设我们要在一个PyQt5窗口中添加两个单选按钮，分别显示“男性”和“女性”：

from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout
import sys


class MainWindow(QWidget):
    def __init__(self):
        super().__init__()
        self.init_ui()

    def init_ui(self):
        male_button = HoverButton('男性')
        female_button = HoverButton('女性')
        vbox = QVBoxLayout()
        vbox.addWidget(male_button)
        vbox.addWidget(female_button)
        self.setLayout(vbox)
        self.setWindowTitle('单选按钮的背景图片设置')
        self.show()


if __name__ == '__main__':
    app = QApplication(sys.argv)
    main_window = MainWindow()
    sys.exit(app.exec_())

在上述代码中，我们将HoverButton类用来创建“男性”和“女性”两个单选按钮，并将它们放置在一个垂直布局中。最后将布局放置在窗口上并显示出来。

在运行程序后，我们可以通过悬停在单选按钮上来观察其特殊的背景图片。

除此之外，我们还可以通过修改HoverButton类中的normal_image和hover_image两个属性来更换单选按钮的背景图片。在更新图片后，程序运行时将会加载并更新对应的背景图片。

Tags: