Course Content
PyQt5 Basics – Installation Process, Qt Designer Intro
In this part we are going to talk about some basics functionalities in PyQt5, we go through installation process, creating QPushButton, Signals and working with Qt Designer.
0/4
PyQt5 Tutorials
About Lesson

In this lesson we are going to learn How to Create GridLayout with PyQt5, basically there are different types of layout management that you can use in PyQt5.we have QVBoxLayout, QHBoxLayout and QGridLayout. particularly in this lesson we are talking about GridLayout, so by using gridlayout  you can align your widgets in row and columns. we create our layout in two ways, the first way is that we can do by coding and the second way is by using Qt Designer

 

PyQt5 GridLayout by Coding 

First we need to import our required classes and the important one is our QGridLayout, using QGridLayout class we can align our widgets in row and columns.

 

 

These are used for creating title, icon and the geometry of the window, basically the geometry of the window is the x,y position, width and height of the window.

 

 

This is the code that we have created our QGridLayout object.

 

 

 

We are going to add eight QPushButton in our GridLayout, first you need to create the object of QPushButton.

 

 

 

After creating of your buttons, you need to add the buttons in GridLayout. you can use addWidget() method.  you can see that we have added row and column number for every widget.

 

 

Now you need to set the layout for the main window, if you don’t do this you will not see any widgets in your window.

 

 

This is the code for How to Create GridLayout in PyQt5

 

 

 

So run the complete code and this will be the result.

How to Create GridLayout with PyQt5
How to Create GridLayout with PyQt5

 

PyQt5 GridLayout By Qt Designer

Now we want to create our layout using Qt Designer , so you need to open your Qt Designer, you can write pyqt5designer in your terminal, after opening create a new Widget window. and add four QPushButton, after that select all buttons and right click on them choose Layout and Layout In a Grid.

After doing this your all widgets will be aligned in column and rows, also you need to do the same for the window, right click on the window and choose layout grid.

aave your ui file, iam going to call it gridlayout.ui , and copy the file in your working directory. now we are going to load our ui file. make a new python file and call it LoadGrid.py. we are going to  use uic module for loading our ui file.

 

 

 

Run the complete code and this is the result.

PyQt5 Grid Layout Qt Designer
PyQt5 Grid Layout Qt Designer
Thank you for visiting my website! If you enjoyed the free courses, please consider supporting my works on Patreon.
Exercise Files
No Attachment Found
No Attachment Found