博客

PyQt5 – 鼠标悬停时为未选中的复选框设置皮肤

  • Post category:Python

下面我会为大家详细讲解如何在Python中使用PyQt5实现“鼠标悬停时为未选中的复选框设置皮肤”的操作。

前提条件

在开始之前，我们需要先确保以下几点：

  • 已经安装了Python版本3.5或以上；
  • 已经安装了PyQt5；
  • 确定你已经熟悉Python基础语法、Qt基础。

如果以上条件都已经满足，请继续往下看。

实现方法

步骤一：导入相关模块

首先，我们需要导入PyQt5的相关模块，代码如下：

import sys
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QIcon, QFont
from PyQt5.QtWidgets import QApplication, QCheckBox, QWidget, QLabel

在这个例子中，我们需要用到QtCore、QtGui、QtWidgets和sys模块。

步骤二：创建主窗口

我们可以通过QCheckBox类创建多个复选框，同时也可以通过QWidget类创建一个窗口，然后将创建好的复选框添加到窗口中。此外，我们还需要设置窗口的标题和图标。

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()

        self.setWindowTitle('PyQt5复选框示例')
        self.setWindowIcon(QIcon('checkbox.png'))
        self.setGeometry(300, 300, 300, 200)

        self.initUI()

    def initUI(self):
        cb1 = QCheckBox('复选框1', self)
        cb1.move(20, 20)
        cb1.toggle()

        cb2 = QCheckBox('复选框2', self)
        cb2.move(20, 50)

        cb3 = QCheckBox('复选框3', self)
        cb3.move(20, 80)

在这个例子中，我们创建了一个窗口类MyWindow，它继承自QWidget。在MyWindow的构造方法中，我们设置了窗口的标题、图标和大小，并调用了initUI()方法来创建多个复选框。

步骤三：设置样式表

为了实现鼠标悬停时为未选中的复选框设置皮肤，我们需要在样式表中添加相应的代码。

    def initUI(self):
        # ...

        cb1 = QCheckBox('复选框1', self)
        cb1.move(20, 20)
        cb1.toggle()

        cb2 = QCheckBox('复选框2', self)
        cb2.move(20, 50)

        cb3 = QCheckBox('复选框3', self)
        cb3.move(20, 80)

        # 添加样式表
        self.setStyleSheet('''
            QCheckBox{
                color: #000;
                font-size: 20px;}

            QCheckBox:hover:!checked{
                background-color: #f00;}

            QCheckBox:!hover:!checked{
                background-color: #ddd;}
            ''')

在这个例子中，我们设置了三个样式表：

  • 第一个样式表，设置复选框的字体颜色和字号；
  • 第二个样式表，当鼠标悬停时为未选中的复选框设置背景颜色；
  • 第三个样式表，当鼠标不悬停且复选框未选中时，为复选框设置背景颜色。

步骤四：运行程序

最后，我们需要通过QApplication类运行程序：

if __name__ == '__main__':
    app = QApplication(sys.argv)
    mywindow = MyWindow()
    mywindow.show()
    sys.exit(app.exec_())

在这个例子中，我们创建了一个QApplication实例，将MyWindow实例显示在屏幕上，然后调用app.exec_()进入Qt的事件循环中。

示例说明

下面，我通过两个示例进一步解释该实现方法的用法。

示例一：改变字体颜色

我们可以通过样式表来更改复选框的字体颜色。例如，我们可以将字体颜色设置为红色：

self.setStyleSheet('''
        QCheckBox{
            color: red;
        }''')

示例二：改变边框样式

我们也可以通过样式表来更改复选框的边框样式。例如，我们可以将边框样式设置为圆角：

self.setStyleSheet('''
        QCheckBox{
            border-radius: 10px;
        }''')

需要注意的是，每个复选框都具有一个单独的QCheckBox对象。因此，您必须为每个复选框创建一个单独的对象，并添加相应的样式和状态。

Tags: