En este artículo veremos cómo crear un borde multicolor en la barra de progreso. A continuación se muestra la representación de la barra de progreso de borde normal frente a la barra de progreso de borde multicolor.
Para esto, hemos cambiado el color de cada borde en la hoja de estilo CSS, a continuación se muestra el código para la hoja de estilo de borde.
QProgressBar
{
border :5px solid ;
border-top-color : red;
border-left-color :pink;
border-right-color :yellow;
border-bottom-color : blue;
}
Esta hoja de estilo se usa con setStyleSheetel método, 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 background color to window
# self.setStyleSheet("background-color : yellow")
# 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 progress bar
bar = QProgressBar(self)
# setting geometry to progress bar
bar.setGeometry(200, 100, 200, 30)
# setting the value
bar.setValue(70)
# setting alignment to center
bar.setAlignment(Qt.AlignCenter)
# setting border size
# and border color to each side
bar.setStyleSheet("QProgressBar"
"{"
"border :5px solid ;"
"border-top-color : red; "
"border-left-color :pink;"
"border-right-color :yellow;"
"border-bottom-color : blue;"
"}"
)
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