Skip to content
Related Articles
Open in App
Not now

Related Articles

PyQt5 QScrollBar – Setting Style Sheet

Improve Article
Save Article
  • Last Updated : 10 Jan, 2023
Improve Article
Save Article

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 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):
 
        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("GeeksforGeeks", 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 app
App = QApplication(sys.argv)
 
# create the instance of our Window
window = Window()
 
# start the app
sys.exit(App.exec())


Output :


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!