博客

PyQt5 – 如何在鼠标悬停时改变复选框的背景颜色

  • Post category:Python

这里是Python PyQt5 关于如何在鼠标悬停时改变复选框背景颜色的详细使用攻略。

1. 引入必要的库

在使用 PyQt5 改变复选框背景颜色前，需要先引入必要的库，包括 QtCore、QtGui 和 QtWidgets。其中 QtCore 和 QtGui 常用于功能的实现，而 QtWidgets 则包含了我们需要使用的QCheckBox控件。

from PyQt5 import QtCore, QtGui, QtWidgets

2. 创建并设置 QCheckBox 控件

接下来需要创建一个 QCheckBox 控件，并设置它的样式以及悬停时的背景颜色。关于样式的设置可以通过 Qt Designer 工具进行自定义，也可以使用代码方式进行设置，这里我们采用代码方式。

self.checkBox = QtWidgets.QCheckBox(self.centralwidget)
self.checkBox.setGeometry(QtCore.QRect(230, 40, 321, 41))
self.checkBox.setStyleSheet("QCheckBox:hover {\n"
                             "background-color: #3b3b3b;\n"
                             "}\n"
                             "QCheckBox {\n"
                             "background-color: #282828;\n"
                             "color: #b4b4b4;\n"
                             "}")

在这个示例代码中，我们创建了一个名为 checkBox 的 QCheckBox 控件，使用 setGeometry() 方法设置了它的位置和大小，并使用 setStyleSheet() 方法设置了控件的样式和悬停时的背景颜色。在样式表中，“QCheckBox:hover”表示悬停时的状态，“QCheckBox”则表示一般状态下的样式。

3. 运行并测试效果

在完成代码编写后，通过运行程序并将鼠标悬停在 checkBox 上，可以看到背景颜色从灰色变为了深灰色。至此，我们已经成功地实现了在鼠标悬停时改变复选框的背景颜色。

示例 1：多选复选框

如果需要同时创建多个复选框，只需要在上面的代码中进行简单的拷贝和修改即可，比如：

self.checkBox_1 = QtWidgets.QCheckBox(self.centralwidget)
self.checkBox_1.setGeometry(QtCore.QRect(230, 40, 321, 41))
self.checkBox_1.setStyleSheet("QCheckBox:hover {\n"
                             "background-color: #3b3b3b;\n"
                             "}\n"
                             "QCheckBox {\n"
                             "background-color: #282828;\n"
                             "color: #b4b4b4;\n"
                             "}")

self.checkBox_2 = QtWidgets.QCheckBox(self.centralwidget)
self.checkBox_2.setGeometry(QtCore.QRect(230, 80, 321, 41))
self.checkBox_2.setStyleSheet("QCheckBox:hover {\n"
                             "background-color: #3b3b3b;\n"
                             "}\n"
                             "QCheckBox {\n"
                             "background-color: #282828;\n"
                             "color: #b4b4b4;\n"
                             "}")

这里我们创建了两个不同的复选框控件 checkBox_1 和 checkBox_2，并对它们分别设置了不同的位置。

示例 2：特定状态下修改背景颜色

有时候我们需要在特定状态下修改控件的背景颜色，比如当复选框处于选中状态时需要改变背景颜色。这时，我们需要通过连接复选框的 stateChanged 信号来实现。

self.checkBox.stateChanged.connect(self.changeBackground)

def changeBackground(self, state):
    bg_color = "#3b3b3b" if state else "#282828"
    self.checkBox.setStyleSheet(f"QCheckBox {{\n"
                                 "background-color: %s;\n"
                                 "color: #b4b4b4;\n"
                                 "}}" % bg_color)

在这里，我们新建了一个成员函数 changeBackground()，并将复选框的 stateChanged 信号与之进行了连接。当复选框状态发生改变时，changeBackground() 函数会被调用，并根据复选框状态的变化改变背景颜色。

Tags: