PyQt按钮悬停颜色 - Python

在PyQt中，我们可以通过设置样式表来自定义按钮的外观和行为。一种常见的需求是在鼠标悬停在按钮上时改变按钮的颜色。在本教程中，我们将演示如何使用PyQt来实现这一功能。

设置按钮样式表

我们首先需要创建一个按钮并为其设置样式表。可以使用以下代码来创建一个简单的按钮：

from PyQt5.QtWidgets import QApplication, QPushButton

app = QApplication([])
button = QPushButton('Click me')
button.show()
app.exec_()

要为按钮设置样式表，我们需要调用 setStyleSheet() 方法并传递一个 CSS 样式表字符串。CSS 样式表定义了按钮的样式和行为。下面是一个简单的样式表字符串，它将按钮的背景颜色设置为红色：

button.setStyleSheet('background-color: red')

将上面的样式表字符串添加到前面的代码中，可以看到按钮的背景颜色已更改为红色。

改变按钮悬停状态下的颜色

现在，我们将演示如何在鼠标悬停在按钮上时改变按钮的颜色。我们可以使用 CSS 的 :hover 伪类来实现这一目的。

伪类是一种描述元素状态的方式，例如 :hover 描述了鼠标悬停在元素上的状态。下面是一个使用伪类将按钮的背景颜色设置为绿色的例子：

button.setStyleSheet('''
    QPushButton {
        background-color: red;
    }
    QPushButton:hover {
        background-color: green;
    }
''')

现在，当鼠标悬停在按钮上时，按钮的背景颜色将更改为绿色。注意，这里的样式表使用了 CSS 中的块语法，允许我们在单个样式表中定义多个选择器的样式。

完整代码片段

from PyQt5.QtWidgets import QApplication, QPushButton

app = QApplication([])
button = QPushButton('Click me')
button.setStyleSheet('''
    QPushButton {
        background-color: red;
    }
    QPushButton:hover {
        background-color: green;
    }
''')
button.show()
app.exec_()

总结

在本教程中，我们学习了如何在 PyQT 中设置样式表并使用伪类为按钮设置悬停时的背景颜色。样式表能够让我们自定义组件的外观和行为，使我们能够创建更漂亮和交互性更强的用户界面。