PyQt5 QComboBox: cambia el estilo del borde cuando se edita y se presiona

En este artículo veremos cómo podemos cambiar el estilo del borde del cuadro combinado cuando es editable y presionado, el estilo del borde puede ser punteado, discontinuo, etc. Cuando configuramos el borde del cuadro combinado es continuo aunque podemos cambiarlo . El borde con estilo solo será visible cuando el cuadro combinado sea editable y se presione; de ​​lo contrario, el borde normal será visible.

Para hacer esto, tenemos que cambiar la hoja de estilo asociada con el cuadro combinado, a continuación se muestra el código de la hoja de estilo

QComboBox::editable:pressed
{
border : 4px black;
border-style : dotted;
}

A continuación se muestra la implementación.

# 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, 100, 40)
  
        # 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 stylesheet of the combo box
        # set the border style when it is editable
        # and get pressed
        self.combo_box.setStyleSheet("QComboBox"
                                     "{"
                                     "border : 4px solid black"
                                     "}"
                                     "QComboBox::editable:pressed"
                                     "{"
                                     "border : 4px black;"
                                     "border-style : double;"
                                     "}")
  
# create pyqt5 app
App = QApplication(sys.argv)
  
# create the instance of our Window
window = Window()
  
# start the app
sys.exit(App.exec())

Producción :

Publicación traducida automáticamente

Artículo escrito por rakshitarora y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *