En este artículo, veremos cómo podemos establecer un borde para el QCommandLinkButton verificable de acuerdo con los estados marcado y presionado combinados. El botón de enlace de comando es un tipo especial de botón que tiene cualidades tanto de botón pulsador como de botón de radio. De forma predeterminada, no hay un borde adicional en el botón de enlace de comando, aunque cuando se presiona podemos ver el borde, también podemos configurar un borde personalizado.
Podemos hacer que el botón de enlace de comando se pueda verificar con la ayuda del setCheckable
método, básicamente hay dos estados verificados, uno está verificado, es decir, cuando está presionado y otro es el estado no verificado, es decir, cuando está en el estado de liberación.
Para hacer esto, configuraremos el código de la hoja de estilo para eso, usamos setStyleSheet
el método con el objeto del botón de enlace de comando, a continuación se muestra el código de la hoja de estilo.
QCommandLinkButton::checked { border : 4px solid green; } QCommandLinkButton::checked::pressed { border : 4px solid yellow; } QCommandLinkButton::!checked { border : 2px solid red; } QCommandLinkButton::checked::pressed { border : 2px solid pink; }
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, 500, 400) # calling method self.UiComponents() # showing all the widgets self.show() # method for components def UiComponents(self): # creating a command link button cl_button = QCommandLinkButton("Press", self) # making it chekable cl_button.setCheckable(True) # setting geometry cl_button.setGeometry(150, 100, 200, 50) # setting style sheet # setting border to it for checked and unchecked state # setting border when pressed in checked and unchecked state cl_button.setStyleSheet("QCommandLinkButton::! checked" "{" "border : 2px solid red;" "}" "QCommandLinkButton::checked" "{" "border : 4px solid green;" "}" "QCommandLinkButton::checked::pressed" "{" "border : 4px solid yellow;" "}" "QCommandLinkButton::! checked::pressed" "{" "border : 2px solid pink;" "}" ) # 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