In this article we will see how we can set style sheet to the QScrollBar. QScrollBar is a control that enables the user to access parts of a document that is larger than the widget used to display it. Slider is the scroll-able object inside the bar. Style sheet is the properties which are used to make the appearance better i.e by creating customized design.
In order to do this we will use setStyleSheet method with the scroll bar object. Syntax : scroll.setStyleSheet(sheet) Argument : It takes string as argument Return : It returns None
Below is the example style sheet code
QScrollBar
{
background : lightgreen;
}
QScrollBar::handle
{
background : pink;
}
QScrollBar::handle::pressed
{
background : red;
}
Below is the implementation
Python3
# importing librariesfrom PyQt5.QtWidgets import *from PyQt5 import QtCore, QtGuifrom PyQt5.QtGui import *from PyQt5.QtCore import *import sysclass 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): scroll = QScrollBar(self) # setting geometry of the scroll bar scroll.setGeometry(100, 50, 30, 200) # setting style sheet scroll.setStyleSheet("QScrollBar" "{" "background : lightgreen;" "}" "QScrollBar::handle" "{" "background : pink;" "}" "QScrollBar::handle::pressed" "{" "background : red;" "}" ) # creating a label label = QLabel("neveropen", self) # setting geometry to the label label.setGeometry(200, 100, 300, 80) # making label multi line label.setWordWrap(True) # getting value changed signal scroll.valueChanged.connect(lambda: do_action()) # method called when signal is emitted def do_action(): # setting text to the label label.setText("Current Value : " + str(scroll.value()))# create pyqt5 appApp = QApplication(sys.argv)# create the instance of our Windowwindow = Window()# start the appsys.exit(App.exec()) |
Output :
