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

下面是关于Python的PyQt5中如何在鼠标悬停在组合框（QComboBox）的行编辑部分时设置背景图片的使用攻略。

实现方法

首先，我们需要使用PyQt5中的QComboBox控件，并在其行编辑部分悬停时以样式表（QSS）的形式为其设置背景图片，具体实现步骤如下：

1. 创建QComboBox控件

在PyQt5中创建QComboBox控件的代码示例：

from PyQt5.QtWidgets import QComboBox

combo_box = QComboBox()

2. 设置QComboBox控件的样式表（QSS）

在QSS中通过:hover选择器来选中鼠标悬停在组合框的行编辑部分，并为其设置背景图片，代码示例：

combo_box.setStyleSheet("QComboBox::drop-down, QComboBox::down-arrow: \
                          {image: none;} \
                          QComboBox:hover, QComboBox::down-arrow:hover { \
                          background-image: url(path/to/image.png);\
                          background-repeat: no-repeat;\
                          background-origin: content;\
                          background-position: right;\
                          }")

解释：

• QComboBox::drop-down和QComboBox::down-arrow选择器可以去掉组合框的下拉箭头。

• QComboBox::hover选择器可以选中鼠标悬停在组合框的行编辑部分，为其设置背景图片。

• background-repeat属性设置背景图片不重复。

• background-origin属性设置背景图片从内容区域开始。

• background-position属性设置背景图片靠右对齐。

3. 运行程序

最后，运行程序，当鼠标悬停在组合框的行编辑部分时，就会显示背景图片了。

示例说明

下面是两个设置组合框行编辑部分背景图片的完整实例：

示例1

这个示例演示如何将下拉菜单的箭头图标替换为背景图片：

from PyQt5.QtWidgets import QApplication, QComboBox
import sys

if __name__ == '__main__':
    app = QApplication(sys.argv)
    combo_box = QComboBox()

    combo_box.addItems(["Python", "Java", "C++"])
    combo_box.setStyleSheet("QComboBox::drop-down, \
                              QComboBox::down-arrow: {image: none;} \
                              QComboBox:hover, QComboBox::down-arrow:hover { \
                              background-image: url(img/down_arrow.png);\
                              background-repeat: no-repeat;\
                              background-origin: content;\
                              background-position: right;\
                              }")
    combo_box.show()
    sys.exit(app.exec_())

示例2

这个示例演示如何根据组合框中选项的内容，为不同的选项设置不同的背景图片：

from PyQt5.QtWidgets import QApplication, QComboBox
import sys

if __name__ == '__main__':
    app = QApplication(sys.argv)
    combo_box = QComboBox()

    combo_box.addItems(["Python", "Java", "C++"])
    combo_box.setStyleSheet("QComboBox::drop-down, \
                              QComboBox::down-arrow: {image: none;} \
                              QComboBox QAbstractItemView::item { \
                              background-color: white; \
                              } \
                              QComboBox:hover, QComboBox::down-arrow:hover { \
                              background-image: url(img/down_arrow.png);\
                              background-repeat: no-repeat;\
                              background-origin: content;\
                              background-position: right;\
                              } \
                              QComboBox::drop-down:hover { \
                              image: url(img/down_arrow.png);\
                              subcontrol-position: bottom right;\
                              subcontrol-origin: content; \
                              } \
                              QComboBox QAbstractItemView::item:selected {\
                              background: url(img/selected_bg.png);\
                              color: white;\
                              } \
                              QComboBox QAbstractItemView::item:hover {\
                              background: url(img/hover_bg.png);\
                              color: white;\
                              }")

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

在上述示例中，我们为选项中的不同内容设置了不同的背景图片。其中：

• QComboBox QAbstractItemView::item选择器可以选中下拉菜单中的每个选项。

• QComboBox QAbstractItemView::item:hover选择器可以选中鼠标悬停在选项上时的状态。

• QComboBox QAbstractItemView::item:selected选择器可以选中选中的选项的状态。

我们分别为这三种状态设置了不同的背景图片，并且将选中的选项文本颜色设置为白色。

结语

以上就是在PyQt5中如何设置QComboBox组合框的行编辑部分鼠标悬停时的背景图片的详细攻略。希望对你有所帮助！