1. Python技术站首页
  2. Python开发
  3. python

PyQt5组合框 当鼠标悬停在列表视图上时不同的边框大小

• python

PyQt5的组合框（QComboBox）提供了一种方便的方式，在单个控件中提供一个下拉列表和一个可编辑的文本字段。当鼠标悬停在下拉列表视图的项目上时，我们可能希望为此项目设置不同的边框大小。以下是PyQt5组合框设置鼠标悬停时列表视图边框大小的详细攻略：

步骤1：导入必要的库

from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QApplication, QMainWindow, QComboBox, QListView, QHBoxLayout, QWidget

步骤2：创建自定义子类

我们要为 QComboBox 和 QListView 创建自定义子类来实现此特性。在 QListView 子类中实现 mouseEnter 和 leaveEvent 事件，并在其中分别更新样式表。

class Combo(QComboBox):
    def __init__(self):
        super().__init__()
        self.view()  # 调用自定义的 view() 函数

    def view(self):
        self.popup = self.view()       # 获取列表视图
        self.popup.objectName = 'Popup'
        self.popup.setStyleSheet('QListView#Popup {border: 1px solid lightGray;border-radius: 3px;padding: 1px;background: white;outline: none;selection-background-color: blue;}')

    def mouseEnterLeaveEvent(self, event):
        if event.type() == event.MouseEnter:
            obj = self.sender()
            obj.setStyleSheet('QListView#Popup {border: 2px solid blue;border-radius: 3px;padding: 1px;background: white;outline: none;selection-background-color: blue;}')
        elif event.type() == event.MouseLeave:
            obj.setStyleSheet('QListView#Popup {border: 1px solid lightGray;border-radius: 3px;padding: 1px;background: white;outline: none;selection-background-color: blue;}')

步骤3：创建combobox和test布局

在我们的示例中，我们使用 QHBoxLayout 和 QWidget 创建一个包含两个列表视图的组合框和一个单独的测试框。

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        layout = QHBoxLayout()  # 创建水平排列的布局
        w = QWidget(self)       # 创建 QWidget 对象
        self.setCentralWidget(w) # 设置 QWidget 为中央部件

        cbox1 = Combo()         # 创建自定义的 QComboBox1 对象
        cbox2 = Combo()         # 创建自定义的 QComboBox2 对象
        layout.addWidget(cbox1) # 添加 cbox1
        layout.addWidget(cbox2) # 添加 cbox2

        combo = QComboBox()     # 创建一个普通的 QComboBox 对象
        tedit = QLineEdit()     # 创建一个普通的 QLineEdit 对象

        combo.addItem('apple')  # 添加标签
        combo.addItem('banana')
        combo.addItem('cherry')
        combo.addItem('date')

        layout.addWidget(combo) # 添加 combo
        layout.addWidget(tedit) # 添加 tedit

        w.setLayout(layout)     # 设置父QWidget的布局

        self.setGeometry(300, 300, 300, 200)
        self.setWindowTitle('QComboBox')
        self.show()

步骤4：运行程序

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

以下是两个示例代码，展示了以上攻略的效果：

示例1：

from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QApplication, QMainWindow, QComboBox, QListView, QHBoxLayout, QWidget

class Combo(QComboBox):
    def __init__(self):
        super().__init__()
        self.view()  # 调用自定义的 view() 函数

    def view(self):
        self.popup = self.view()       # 获取列表视图
        self.popup.objectName = 'Popup'
        self.popup.setStyleSheet('QListView#Popup {border: 1px solid lightGray;border-radius: 3px;padding: 1px;background: white;outline: none;selection-background-color: blue;}')

    def mouseEnterLeaveEvent(self, event):
        if event.type() == event.MouseEnter:
            obj = self.sender()
            obj.setStyleSheet('QListView#Popup {border: 2px solid blue;border-radius: 3px;padding: 1px;background: white;outline: none;selection-background-color: blue;}')
        elif event.type() == event.MouseLeave:
            obj.setStyleSheet('QListView#Popup {border: 1px solid lightGray;border-radius: 3px;padding: 1px;background: white;outline: none;selection-background-color: blue;}')

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        layout = QHBoxLayout()  # 创建水平排列的布局
        w = QWidget(self)       # 创建 QWidget 对象
        self.setCentralWidget(w) # 设置 QWidget 为中央部件

        cbox1 = Combo()         # 创建自定义的 QComboBox1 对象
        cbox2 = Combo()         # 创建自定义的 QComboBox2 对象
        layout.addWidget(cbox1) # 添加 cbox1
        layout.addWidget(cbox2) # 添加 cbox2

        combo = QComboBox()     # 创建一个普通的 QComboBox 对象
        tedit = QLineEdit()     # 创建一个普通的 QLineEdit 对象

        combo.addItem('apple')  # 添加标签
        combo.addItem('banana')
        combo.addItem('cherry')
        combo.addItem('date')

        layout.addWidget(combo) # 添加 combo
        layout.addWidget(tedit) # 添加 tedit

        w.setLayout(layout)     # 设置父QWidget的布局

        self.setGeometry(300, 300, 300, 200)
        self.setWindowTitle('QComboBox')
        self.show()

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

示例2：

from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QApplication, QMainWindow, QComboBox, QListView, QHBoxLayout, QWidget

class Combo(QComboBox):
    def __init__(self):
        super().__init__()
        self.view()  # 调用自定义的 view() 函数

    def view(self):
        self.popup = self.view()       # 获取列表视图
        self.popup.objectName = 'Popup'
        self.popup.setStyleSheet('QListView#Popup {border: 1px solid lightGray;border-radius: 3px;padding: 1px;background: white;outline: none;selection-background-color: blue;}')

    def mouseEnterLeaveEvent(self, event):
        if event.type() == event.MouseEnter:
            obj = self.sender()
            obj.setStyleSheet('QListView#Popup {border: 2px solid red;border-radius: 3px;padding: 1px;background: white;outline: none;selection-background-color: blue;}')
        elif event.type() == event.MouseLeave:
            obj.setStyleSheet('QListView#Popup {border: 1px solid lightGray;border-radius: 3px;padding: 1px;background: white;outline: none;selection-background-color: blue;}')

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        layout = QHBoxLayout()  # 创建水平排列的布局
        w = QWidget(self)       # 创建 QWidget 对象
        self.setCentralWidget(w) # 设置 QWidget 为中央部件

        cbox1 = Combo()         # 创建自定义的 QComboBox1 对象
        cbox2 = Combo()         # 创建自定义的 QComboBox2 对象
        layout.addWidget(cbox1) # 添加 cbox1
        layout.addWidget(cbox2) # 添加 cbox2

        combo = QComboBox()     # 创建一个普通的 QComboBox 对象
        tedit = QLineEdit()     # 创建一个普通的 QLineEdit 对象

        combo.addItem('apple')  # 添加标签
        combo.addItem('banana')
        combo.addItem('cherry')
        combo.addItem('date')

        layout.addWidget(combo) # 添加 combo
        layout.addWidget(tedit) # 添加 tedit

        w.setLayout(layout)     # 设置父QWidget的布局

        self.setGeometry(300, 300, 300, 200)
        self.setWindowTitle('QComboBox')
        self.show()

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

在以上两个示例中，我们创建了两个空的自定义 QComboBox，一个 Combo 类用于将特定的鼠标事件发射给我们的自定义 QComboBox，并用于代码组织，我们还通过自定义样式表为我们的 QListView 定义了边框。当鼠标进入列表视图时，我们通过样式表增加了边框大小。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：PyQt5组合框 当鼠标悬停在列表视图上时不同的边框大小 - Python技术站

赞 (0)
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年5月11日
下一篇 2023年5月11日

相关文章

  • PyQt5 QDial 设置包覆属性

    对于Python中的PyQt5库，我们可以使用QDial小部件来实现类似于旋钮的滑块功能。QDial支持多个属性，其中包括范围、步长、当前值和刻度线等属性。除了这些基本的属性之外，QDial还支持包覆属性，这些属性允许我们在QDial外部设置控件样式。在本文中，我们将详细讲解如何使用PyQt5来设置QDial的包覆属性。 1. 设置包覆属性 首先，我们需要导…

    python 2023年5月12日
    00

  • PyQt5 QCalendarWidget 在给定的坐标处获得它的子节点

    首先，我们需要了解一下QCalendarWidget和子节点（Sub Control）在PyQt5中的概念。 QCalendarWidget是PyQt5中的一个部件（Widget），用于显示日历和日期选择器。而子节点是指QCalendarWidget中的各个部分，如日历网格、顶部工具栏等等。 接下来，我们会按照以下步骤详细说明如何在给定的坐标处获取QCale…

    python 2023年5月12日
    00

  • PyQt5 QCalendarWidget 设置离开事件

    PyQt5是Python中实现图形用户界面的一个重要工具。QCalendarWidget是PyQt5中的一种控件，可以用于显示日历和日期选择。本文将详细讲解如何在QCalendarWidget中添加离开事件的设置。 1.前置知识 在学习PyQt5 QCalendarWidget设置离开事件之前，需要掌握以下内容： 熟练使用PyQt5的基础知识，掌握常见的Py…

    python 2023年5月11日
    00

  • PyQt5 – 为组合框设置工具提示持续时间

    为组合框设置工具提示持续时间可以让使用者更好的理解其功能和使用方式。在PyQt5中，我们可以使用QToolTip类来实现这一功能。下面将提供完整的使用攻略： 步骤一：导入必要的模块和类 首先，我们需要导入(QWidget, QComboBox, QApplication, QToolTip)等必要的模块和类。 from PyQt5.QtWidgets imp…

    python 2023年5月11日
    00

  • PyQt5 信号和插槽

    Python中的PyQt5是一款非常有用的 GUI 编程库，它允许我们通过使用信号和插槽的机制来实现不同组件（包括自定义组件）之间的通信。在本篇文章中，我将详细介绍如何在PyQt5中使用信号和插槽。 什么是信号和插槽？ 在PyQt5中，信号和插槽是用来实现组件之间通信的机制。信号是一种特殊的函数，它会在特定的事件（比如点击按钮）发生时自动触发。而插槽则是一个…

    python 2023年5月12日
    00

  • PyQt5 QCalendarWidget 获取垂直页眉格式

    下面我将为你详细讲解Python中使用PyQt5 QCalendarWidget控件获取垂直页眉格式的完整使用攻略。 1. PyQt5 QCalendarWidget控件介绍 PyQt5是基于Python语言的一款GUI开发工具包，提供了很多控件供开发者使用。QCalendarWidget是其中一个日历控件，可以方便的显示和编辑日期。 2. 获取垂直页眉格式…

    python 2023年5月12日
    00

  • PyQt5 – 二进制搜索可视化工具

    非常感谢您选择了PyQt5 – 二进制搜索可视化工具，这是一款非常优秀的工具，下面我来详细讲解一下它的完整使用攻略。 1. 环境要求 在使用本工具之前，首先需要确保我们的开发环境已经准备好了，包括： Python 3.x PyQt5 pyqtgraph 2. 工具使用 2.1 加载文件 在运行程序后，我们需要先通过“File”菜单下的“Open”选项加载一个…

    python 2023年5月10日
    00

  • PyQt5 QDateEdit – 获取名称属性

    下面是关于 Python 的 PyQt5 模块中 QDateEdit 控件的名称属性获取的完整使用攻略。 1. QDateEdit 控件简介 QDateEdit 控件用于显示和编辑日期，并允许用户通过文本框或小月历进行交互。在 PyQt5 中，QDateEdit 可以使用以下代码进行导入： from PyQt5.QtWidgets import QAppli…

    python 2023年5月12日
    00
合作推广
合作推广
分享本页
返回顶部