PyQt5 – 鼠标悬停时背景图像变为可编辑的关闭状态组合框

在本文中，我们将看到当组合框处于可编辑关闭状态并将鼠标悬停在组合框上时，如何将背景图像设置为组合框。默认情况下，组合框没有图像，尽管我们可以为其设置图像。仅当组合框处于可编辑状态、关闭状态且鼠标悬停在其上时，才会出现背景图像。关闭状态是列表视图未打开时。

为此，我们必须更改与组合框关联的样式表，下面是样式表代码

QComboBox::editable:!on:hover
{
background-image : url(image.png);
border : 2px solid black;
}

下面是实现

# importing libraries
from PyQt5.QtWidgets import * 
from PyQt5 import QtCore, QtGui
from PyQt5.QtGui import * 
from PyQt5.QtCore import * 
import sys
  
  
class Window(QMainWindow):
  
    def __init__(self):
        super().__init__()
  
        # setting title
        self.setWindowTitle("Python ")
  
        # setting geometry
        self.setGeometry(100, 100, 600, 400)
  
        # calling method
        self.UiComponents()
  
        # showing all the widgets
        self.show()
  
    # method for widgets
    def UiComponents(self):
        # creating a check-able combo box object
        self.combo_box = QComboBox(self)
  
        # making combo box editable
        self.combo_box.setEditable(True)
  
        # setting geometry of combo box
        self.combo_box.setGeometry(200, 150, 200, 80)
  
        # geek list
        geek_list = ["Sayian", "Super Sayian", "Super Sayian 2", "Super Sayian B"]
  
        # adding list of items to combo box
        self.combo_box.addItems(geek_list)
  
        # setting style sheet of the combo box
        # adding background image to the combo box it is in editable state
        # and when combo box is in off state and when mouse hover over it
        self.combo_box.setStyleSheet("QComboBox::editable:! on:hover"
                                     "{"
                                     "background-image : url(logo.png);"
                                     "border : 2px solid black;"
                                     "}")
  
# create pyqt5 app
App = QApplication(sys.argv)
  
# create the instance of our Window
window = Window()
  
window.show()
  
# start the app
sys.exit(App.exec())

输出 ：