PyQt5 – 鼠标悬停时将皮肤设置为 RadioButton 指示器

简介

在PyQt5中，我们可以使用QSS（Qt样式表）来改变各种控件的皮肤。在本篇文章中，我们将学习如何使用QSS来改变RadioButton的指示器。我们将使用QHoverEvent事件来检测鼠标的悬停，并根据需要更改RadioButton指示器的外观。

实现

我们首先创建一个带有多个RadioButton控件的窗口。然后我们使用QSS代码为RadioButton指示器指定一个基本样式。该基本样式遵循文本颜色和背景颜色之间的标准协议。

接下来，我们将使用鼠标悬停事件来检测鼠标指针是否停留在RadioButton上。如果鼠标指针在RadioButton上悬停，则我们使用QSS代码为RadioButton指示器更改外观。同样，当鼠标指针离开RadioButton时，我们将还原RadioButton指示器的外观。

以下是完整的代码示例：

from PyQt5.QtWidgets import QDialog, QRadioButton, QVBoxLayout, QApplication
from PyQt5.QtGui import QHoverEvent

class SkinRadioButton(QRadioButton):
    def __init__(self, parent=None):
        super(SkinRadioButton, self).__init__(parent)
        self.setStyleSheet("QRadioButton::indicator::unchecked { border: 3px solid gray; border-radius: 11px; } QRadioButton::indicator::checked { border: 3px solid red; border-radius: 11px; }")
        
    def hoverEnterEvent(self, event: QHoverEvent) -> None:
        self.setStyleSheet("QRadioButton::indicator::unchecked { border: 3px solid black; border-radius: 11px; } QRadioButton::indicator::checked { border: 3px solid blue; border-radius: 11px; }")
        
    def hoverLeaveEvent(self, event: QHoverEvent) -> None:
        self.setStyleSheet("QRadioButton::indicator::unchecked { border: 3px solid gray; border-radius: 11px; } QRadioButton::indicator::checked { border: 3px solid red; border-radius: 11px; }")

class SkinRadioButtonApp(QDialog):
    def __init__(self, parent=None):
        super(SkinRadioButtonApp, self).__init__(parent)
        layout = QVBoxLayout()
        rad1 = SkinRadioButton('Python')
        rad2 = SkinRadioButton('C++')
        rad3 = SkinRadioButton('Java')
        layout.addWidget(rad1)
        layout.addWidget(rad2)
        layout.addWidget(rad3)
        self.setLayout(layout)
        self.setWindowTitle('RadioButton Style')
        
if __name__ == '__main__':
    import sys
    app = QApplication(sys.argv)
    Window = SkinRadioButtonApp()
    Window.show()
    sys.exit(app.exec_())

在此示例中，我们创建了一个自定义RadioButton控件，该控件继承自QRadioButton。该自定义控件 使用QSS代码为RadioButton指示器指定了一个基本样式，并使用QWidget的QHoverEvent事件检测鼠标悬停。

当鼠标指针悬停在RadioButton上时，我们使用QSS代码使用不同的颜色更改RadioButton指示器。当鼠标指针离开RadioButton时，我们将还原RadioButton指示器的颜色。

结论

在本文中，我们学习了如何使用QSS来更改RadioButton指示器的外观，并使用QHoverEvent事件检测鼠标悬停。我们可以使用类似的方法来更改其他控件的外观，以及为其他控件添加自定义事件和行为。