Python PySide6 Layout Management

Python PySide6

About Lesson

In this lesson we want to learn about Python PySide6 Layout Management, One of the most important aspects of building a GUI is layout management. Layout management involves arranging widgets in user-friendly manner within a container. In this lesson we’ll explore three types of PySide6 layout management: QVBoxLayout, QHBoxLayout, and QGridLayout, and provide some practical examples.

QVBoxLayout

A QVBoxLayout is a layout manager that arranges widgets in a vertical column. Each widget is placed below the previous one. The following code creates a QVBoxLayout with three QLabel widgets:

from PySide6.QtWidgets import QApplication, QWidget, QVBoxLayout, QLabel

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()

        layout = QVBoxLayout(self)
        label1 = QLabel("GeeksCoders 1")
        label2 = QLabel("GeeksCoders 2")
        label3 = QLabel("GeeksCoders 3")
        layout.addWidget(label1)
        layout.addWidget(label2)
        layout.addWidget(label3)

app = QApplication([])
window = MyWindow()
window.show()
app.exec()

from PySide6.QtWidgets import QApplication, QWidget, QVBoxLayout, QLabel

class MyWindow(QWidget):

def __init__(self):

super().__init__()

layout = QVBoxLayout(self)

label1 = QLabel("GeeksCoders 1")

label2 = QLabel("GeeksCoders 2")

label3 = QLabel("GeeksCoders 3")

layout.addWidget(label1)

layout.addWidget(label2)

layout.addWidget(label3)

app = QApplication([])

window = MyWindow()

window.show()

app.exec()

In this example, we define a custom class MyWindow that inherits from QWidget. In the __init__ method of MyWindow, we create a QVBoxLayout and add three QLabel widgets to it. The addWidget method is called on the layout, which adds each label widget to the layout. Finally, the layout is set on the window using the setLayout method.

Run the complete code and this will be the result.

QHBoxLayout

A QHBoxLayout is layout manager that arranges widgets in horizontal row. Each widget is placed next to the previous one. This code creates a QHBoxLayout with three QLabel widgets:

from PySide6.QtWidgets import QApplication, QWidget, QHBoxLayout, QLabel

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()

        layout = QHBoxLayout(self)
        label1 = QLabel("GeeksCoders 1")
        label2 = QLabel("GeeksCoders 2")
        label3 = QLabel("GeeksCoders 3")
        layout.addWidget(label1)
        layout.addWidget(label2)
        layout.addWidget(label3)

app = QApplication([])
window = MyWindow()
window.show()
app.exec()

from PySide6.QtWidgets import QApplication, QWidget, QHBoxLayout, QLabel

class MyWindow(QWidget):

def __init__(self):

super().__init__()

layout = QHBoxLayout(self)

label1 = QLabel("GeeksCoders 1")

label2 = QLabel("GeeksCoders 2")

label3 = QLabel("GeeksCoders 3")

layout.addWidget(label1)

layout.addWidget(label2)

layout.addWidget(label3)

app = QApplication([])

window = MyWindow()

window.show()

app.exec()

This example is similar to the previous one, but we create a QHBoxLayout instead of a QVBoxLayout.

Run the complete code and this will be the result.

QGridLayout

A QGridLayout is layout manager that arranges widgets in grid. Each widget is placed in a cell, which is defined by a row and column number. This code creates a QGridLayout with four QLabel widgets:

from PySide6.QtWidgets import QApplication, QWidget, QGridLayout, QLabel

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()

        layout = QGridLayout(self)
        label1 = QLabel("GeeksCoders 1")
        label2 = QLabel("GeeksCoders 2")
        label3 = QLabel("GeeksCoders 3")
        label4 = QLabel("GeeksCoders 4")
        layout.addWidget(label1, 0, 0)
        layout.addWidget(label2, 0, 1)
        layout.addWidget(label3, 1, 0)
        layout.addWidget(label4, 1, 1)

app = QApplication([])
window = MyWindow()
window.show()
app.exec()

from PySide6.QtWidgets import QApplication, QWidget, QGridLayout, QLabel

class MyWindow(QWidget):

def __init__(self):

super().__init__()

layout = QGridLayout(self)

label1 = QLabel("GeeksCoders 1")

label2 = QLabel("GeeksCoders 2")

label3 = QLabel("GeeksCoders 3")

label4 = QLabel("GeeksCoders 4")

layout.addWidget(label1, 0, 0)

layout.addWidget(label2, 0, 1)

layout.addWidget(label3, 1, 0)

layout.addWidget(label4, 1, 1)

app = QApplication([])

window = MyWindow()

window.show()

app.exec()

In this example, we have created a QGridLayout and added four QLabel widgets to it. The addWidget method is called on the layout for each label, specifying the row and column of the grid cell where it should be placed.

Run the complete code and this will be the result.

Final Thoughts

PySide6 provides several layout managers for arranging widgets in a GUI. In this lesson, we explored three types of layout managers: QVBoxLayout, QHBoxLayout, and QGridLayout. We provided practical examples of how to use each of these layout managers to create a user-friendly GUI.