📌  相关文章
📜  PyQt5 ComboBox – 可编辑和鼠标悬停时不同的边框大小

📅  最后修改于: 2022-05-13 01:55:11.146000             🧑  作者: Mango

PyQt5 ComboBox – 可编辑和鼠标悬停时不同的边框大小

在本文中,我们将看到如何在组合框可编辑并将鼠标悬停在组合框上时为其设置不同的边框宽度,当我们为组合框设置边框时,尽管我们可以更改组合框的颜色,但所有边的颜色都相同每边分别。不同的边框宽度只会出现组合框是可编辑的并且光标在组合框上。

注意:组合框可以在setEditable方法的帮助下进行编辑。

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

QComboBox::editable:hover
{
border : solid black;
border-width-top : 1px;
border-width-right : 5px;
border-width-bottom : 2px;
border-width-left : 10px;
}

代码 2

QComboBox::editable:hover
{
border : solid black;
border-width : 1px 5px 2px 10px;
}

两个代码都执行类似的任务,只是代码 1 是代码 2 的扩展版本。

下面是实现

# 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)
  
        # setting geometry of combo box
        self.combo_box.setGeometry(200, 150, 150, 80)
  
        # making combo box editable
        self.combo_box.setEditable(True)
  
        # 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
        # adding border to combo box
        # adding different width border when it is 
        # editable and mouse hover over it
        self.combo_box.setStyleSheet("QComboBox"
                                     "{"
                                     "border : 5px solid black;"
                                     "}"
                                     "QComboBox::editable:hover"
                                     "{"
                                     "border : solid black;"
                                     "border-width : 1px 5px 2px 10px;;"
                                     "}")
  
  
# create pyqt5 app
App = QApplication(sys.argv)
  
# create the instance of our Window
window = Window()
  
window.show()
  
# start the app
sys.exit(App.exec())

输出 :