PyQt5 – 可编辑的组合框被按下时的背景图片

PyQt5是Python的GUI库，它提供了丰富的控件和组件，能够帮助开发人员快速地创建交互式的图形界面。其中，可编辑的组合框是一种具有下拉菜单和文本输入框功能的控件，能够提供良好的用户体验。如果当用户在点击组合框时，想要为组合框添加背景图片，就可以按照以下步骤使用PyQt5。

示例1：使用背景图片的可编辑组合框的创建

首先，在使用PyQt5之前，需要确保已经安装好了PyQt5库及其依赖项。安装方法可以在官网或其他文档找到。

接着，可以使用如下代码来创建背景图片的可编辑组合框：

from PyQt5 import QtWidgets, QtGui

class ComboBox(QtWidgets.QComboBox):
    def __init__(self, parent=None):
        super(ComboBox, self).__init__(parent)
        self.setStyleSheet("QComboBox{border: 1px solid gray; "
                           "border-radius: 15px; "
                           "padding: 1px 18px 1px 3px; "
                           "min-width: 6em; "
                           "background-image: url(:/images/background.png); "
                           "background-repeat: no-repeat; "
                           "background-position: right center; "
                           "}")
        self.setEditable(True)

if __name__ == '__main__':
    import sys
    app = QtWidgets.QApplication(sys.argv)
    combo = ComboBox()
    for i in range(10):
        combo.addItem("Item %s" % i)
    combo.show()
    sys.exit(app.exec_())

在这个示例中，首先定义了一个名为ComboBox的类，该类继承了QComboBox控件。在该类的构造函数中，通过调用QComboBox的构造函数来初始化基类。接着，使用setStyleSheet()方法来为组合框定义样式表，其中background-image属性用于指定背景图片，这里使用了:/images/background.png。background-repeat和background-position属性用于控制背景图片的重复和位置。最后，调用setEditable()方法来启用可编辑模式。

在这个示例中，背景图片被放置在了右侧中心位置，而文本框是在左侧位置，因此它们不会重叠。但是，如果想要更改位置，可以自己修改background-position属性的值。

示例2：在可编辑组合框中显示图片和文字

如果想要在可编辑组合框中同时显示图片和文字，就需要使用自定义的QStandardItemModel模型。可以参考以下示例代码：

from PyQt5 import QtCore, QtGui, QtWidgets

class ItemDelegate(QtWidgets.QStyledItemDelegate):
    def __init__(self, parent=None):
        super().__init__(parent)

    def paint(self, painter, option, index):
        if not index.isValid():
            super().paint(painter, option, index)
        else:
            model = index.model()
            pixmap = QtGui.QPixmap(model.data(model.index(index.row(), 0), QtCore.Qt.UserRole))
            text = model.data(model.index(index.row(), 0))

            palette = option.palette
            palette.setBrush(QtGui.QPalette.Highlight, QtCore.Qt.transparent)
            option.palette = palette

            rect = option.rect
            pixmap_rect = QtCore.QRect(rect.left(), rect.top(), rect.height(), rect.height())
            text_rect = QtCore.QRect(pixmap_rect.right() + 4, rect.top(), rect.width() - pixmap_rect.width() - 4, rect.height())

            painter.drawPixmap(pixmap_rect, pixmap)
            painter.drawText(text_rect, text)

    def createEditor(self, parent, option, index):
        editor = QtWidgets.QComboBox(parent)
        editor.setEditable(True)
        editor.setInsertPolicy(QtWidgets.QComboBox.NoInsert)

        items = index.model().data(index, QtCore.Qt.DisplayRole)
        if isinstance(items, str):
            items = [items]

        for item in items:
            pixmap = QtGui.QPixmap(index.model().data(index, QtCore.Qt.UserRole))
            s = QtWidgets.QStandardItem(item)
            s.setData(pixmap, QtCore.Qt.DecorationRole)
            editor.addItem(s.icon(), s.text())

        return editor


if __name__ == '__main__':
    import sys

    app = QtWidgets.QApplication(sys.argv)
    combo = QtWidgets.QComboBox()
    model = QtGui.QStandardItemModel()
    proxy = QtCore.QSortFilterProxyModel()
    delegate = ItemDelegate(combo)
    combo.setModel(proxy)
    proxy.setSourceModel(model)
    combo.setItemDelegate(delegate)

    items = [
        ('image1.png', 'item1'),
        ('image2.png', 'item2'),
        ('image3.png', 'item3'),
        ('image4.png', 'item4')
    ]

    for i, (image, text) in enumerate(items):
        item = QtGui.QStandardItem(text)
        item.setData(QtGui.QPixmap(image), QtCore.Qt.UserRole)
        model.setItem(i, 0, item)

    combo.show()
    sys.exit(app.exec_())

在这个示例中，首先定义了名为ItemDelegate的类，该类继承自QStyledItemDelegate。在该类中，paint()方法用于绘制文本和图像，createEditor()方法用于创建可编辑的QComboBox控件。

在主函数中，首先创建了QComboBox控件和QStandardItemModel模型。然后将该模型封装为一个QSortFilterProxyModel代理模型，并将其作为参数传递给组合框的setModel()方法。接着，将自定义的ItemDelegate对象设置为组合框的项代理。最后，通过调用QStandardItem对象的setData()方法来设置每个项的文本和图像。

在这个示例中，图像和文本位于同一行，并且组合框具有可编辑的功能，可以按下下箭头以展开下拉列表。