PyQt5 – 当鼠标悬停在非可编辑组合框的行编辑部分时的背景图片

当鼠标悬停在非可编辑组合框的行编辑部分时，可以通过设置样式来改变其背景图片。下面是实现此效果的详细步骤。

1. 安装PyQt5

使用PyQt5实现此功能，需要先安装PyQt5库。可以在Python的官方网站(https://www.python.org/)下载安装Python，然后使用pip命令安装PyQt5库。

pip install PyQt5

2. 导入PyQt5模块

在Python脚本中导入PyQt5的模块，包括QtGui、QtWidgets等模块。

import sys
from PyQt5 import QtGui, QtWidgets

3. 创建非可编辑组合框

在设计 PyQt5 GUI 应用程序时，需要使用 Qt Designer 工具设计 UI 界面并保存为 .ui 文件，然后使用 pyside2-uic 工具将其转换为 Python 代码文件。其中，使用 QComboBox 类创建组合框控件。此处使用非可编辑组合框，其下拉列表框是不允许用户自定义输入的。

self.comboBox = QtWidgets.QComboBox(self.centralwidget)
self.comboBox.setGeometry(QtCore.QRect(60, 70, 111, 22))
self.comboBox.setEditable(False)
self.comboBox.setObjectName("comboBox")
self.comboBox.addItem("")
self.comboBox.addItem("")
self.comboBox.addItem("")

4. 设置非可编辑组合框行编辑部分样式

在非可编辑组合框的行编辑部分悬停时改变其背景图片的样式。下面的示例使用了 CSS 样式表来设置。

self.comboBox.setStyleSheet("QComboBox:!editable:hover{background-image:url(:/images/hover-bg.png);}")

其中，!/editable/ 表示非可编辑状态，/hover/ 表示鼠标悬停状态。/images/hover-bg.png/ 表示待设置的背景图片。

示例1

下面的代码示例是实现了一个简单的Python程序，在其中使用了PyQt5的组合框控件，并且对其样式进行了设置。在程序运行时，当鼠标悬停在组合框的行编辑部分上时，背景图片会改变。

import sys
from PyQt5 import QtGui, QtWidgets

class Window(QtWidgets.QMainWindow):
    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):
        self.setWindowTitle("PyQt5 ComboBox Example")

        self.comboBox = QtWidgets.QComboBox(self)
        self.comboBox.setGeometry(50, 50, 150, 30)
        self.comboBox.addItem("Item 1")
        self.comboBox.addItem("Item 2")
        self.comboBox.addItem("Item 3")
        self.comboBox.setEditable(False)

        self.comboBox.setStyleSheet("QComboBox:!editable:hover{background-image:url(./background.png);}")

        self.show()

app = QtWidgets.QApplication(sys.argv)
window = Window()
sys.exit(app.exec_())

示例2

在实际应用中，需要根据应用场景对组合框的样式进行设置。下面的代码示例是一个订单窗口界面的实现，其中的非可编辑组合框的行编辑部分悬停时，会出现下拉列表，用户可以从列表中选择所需的商品。

import sys
from PyQt5 import QtGui, QtWidgets

class OrderWindow(QtWidgets.QMainWindow):
    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):
        self.setWindowTitle("Order Window")

        self.resize(400, 300)

        self.centralwidget = QtWidgets.QWidget(self)
        self.centralwidget.setGeometry(0, 0, 400, 300)
        self.centralwidget.setObjectName("centralwidget")

        self.comboBox = QtWidgets.QComboBox(self.centralwidget)
        self.comboBox.setGeometry(QtCore.QRect(120, 90, 200, 25))
        self.comboBox.setEditable(False)
        self.comboBox.setObjectName("comboBox")

        self.comboBox.addItem("T-Shirt")
        self.comboBox.addItem("Sweater")
        self.comboBox.addItem("Jacket")
        self.comboBox.addItem("Coat")

        self.comboBox.setStyleSheet("QComboBox:!editable:hover{border: 1px solid #ccc;border-radius: 3px;}QComboBox:drop-down{subcontrol-position: top right;width: 30px;border-left-width: 1px; border-left-color: #ccc;border-left-style: solid;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}QComboBox:down-arrow{image: url(images/down-arrow.png)}QComboBox QAbstractItemView{border: 1px solid #ccc;selection-background-color: #f8f8f8;}")

        self.show()

app = QtWidgets.QApplication(sys.argv)
window = OrderWindow()
sys.exit(app.exec_())

在示例中，使用了QComboBox类创建了一个组合框控件，并对其设置了样式。其中的样式设置是一个复杂的样式表，用于实现类似下拉列表框中所使用的样式。