PyQt5 - 不可编辑组合框的 lineedit 部分的背景图像

在 PyQt5 中，ComboBox 是常用的控件之一，它允许用户从格式化的列表中选择一个选项。通常，一个组合框由一个下拉列表和一个可以编辑的文本框组成，而其中的文本框部分被称为 lineedit。在有些情况下，我们需要将 lineedit 部分的背景图像自定义，本文将介绍如何实现。

加载背景图像

要实现自定义 lineedit 背景图像，首先需要加载一张背景图像。可以使用 PyQt5 的 QPixmap 类来加载图像。这里假设我们将背景图片放置在当前脚本同级目录下，并以 bg.png 作为文件名。

from PyQt5.QtGui import QPixmap

pixmap = QPixmap('bg.png')

创建样式表

为了将背景图像应用于 lineedit 部分，需要使用样式表来自定义组合框的外观。可以通过定义 QComboBox 的子部件的样式表来实现。在本例中，lineedit 的子部件名称为 QLineEdit，所以我们可以将样式表设置为以下形式：

combobox.setStyleSheet(
    f"""QComboBox::lineEdit {{
        background-image: url(bg.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: {pixmap.width() + 5}px;
    }}"""
)

在样式表中，QComboBox::lineEdit 表示样式表仅适用于组合框的 lineedit 部分。background-image 属性用于设置背景图像，background-repeat 属性指定图像不重复，background-position 属性定义背景图像在右中位置，并通过 padding-right 属性将 lineedit 的右侧内边距设置为背景图像的宽度加 5 像素。

完整代码

from PyQt5.QtWidgets import QApplication, QComboBox
from PyQt5.QtGui import QPixmap

app = QApplication([])

combobox = QComboBox()
combobox.setFixedSize(200, 30)
combobox.setEditable(True)

pixmap = QPixmap('bg.png')

combobox.setStyleSheet(
    f"""QComboBox::lineEdit {{
        background-image: url(bg.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: {pixmap.width() + 5}px;
    }}"""
)

combobox.show()
app.exec_()

代码中，我们创建了一个可编辑的固定大小的组合框，并将其样式表设置为带有自定义背景图像的样式表。运行代码后，将看到带有自定义背景图像的 lineedit 部分的组合框。