QtDesigner tutorial for Complete Beginners - Overview of PyQt5 QtDesigner + 3 Ways to Load UI Files

Learn how to use PyQt5 Qt Designer or QtDesigner to build drag-and-drop GUIs with Python. PyQt5 Qt Designer is suitable for Python desktop apps. Learn how to convert UI files into Python code in three different ways.

In this video, you will:
- Get started with PyQt5 and QtDesigner
- Learn about PyQt5 QtDesigner editor, widgets, properties, and objects
- Convert Qt Designer UI files into Py files with pyuic
- Load UI from QtDesigner to Python code
- Convert UI files from Qt Designer to Py files with VS Code

For more info:

Contact/socials:

**Timestamps**
00:00 Introduction & Overview
01:35 QtDesigner Tutorial
08:00 Overview of Ui files
09:18 Method 1 - Convert QtDesigner .UI File to .Py with pyuic
11:29 Limitation of Method 1
16:55 Method 2 - Load UI file into Python using loadUi
21:38 Method 3 - Convert QtDesigner .UI File to .Py with VS Code extension

*************
**Tags**
PyQt5
PyQt5 tutorial
PyQt5 module
PyQt5 Designer
QtDesigner
Qt GUI tutorial
Load QtDesigner in Python code
Convert QtDesigner UI file to Py file

[ihotvlu]

Many thanks for this tutorial, it was pretty helpful. 👏🏻
Please add more tutorials 🌹

[wesleygfx]

First Tutorial came across explaining in Detail, Thankyou!

[dipanjanjana]

This is what I was looking for. Thanks.

[EunjonGloksrati]

your explanation is simple and clear. now I understand why most of tutorial using method #2. thanks!

[gokvezf]

Даже без знания английского языка в этом видео я нашел ответ, который не мог найти в русском сегменте интернета. Все интуитивно понятно. Лайк и комментарий в поддержку канала!👍

[jerryscde]

Thanks very much I have learned a lot from your tutorials

[againstthegrain]

Hi thanks for the video! It helped me! I like method #2! lol Im alittle stuck with the resources file. when coding ' loadUi('main.ui', self) ' It works for me np. But when I try following the instructions in the documentation page, where it says ' loadUi('main.ui', resource_suffix='resource.qrc', self) ' I get a SyntaxError: positional argument follows keyword argument. VSCode doesnt like me using 'self' at the end like that. But If I remove it, with the resource_suffix added, my UI doesnt show up like its suppose too. When I remove it and just keep 'self' and the main.ui string, everything works.. Any suggestions or ideas how to solve that? Thanks again!!

[avcom]

I receive this error when I try to convert the .ui file to .py file (first method): pyuic5 : The term 'pyuic5' is not recognized as the name of a cmdlet, function, script
file, or operable program. Check the spelling of the name, or if a path was included, v
erify that the path is correct and try again.

[omarmuhammed]

Great qtdesigner content, If you can speak arabic, arabic content will be great.

[quffrgi]

If i changed the name of the button from PushButton to another name in the design file, why not take the new name for it in the Python file

[josys]

As someone who has worked with PyQt for a while now, the load UI method is NOT the way to go. The best way to do this is to convert the UI file to a PY file, and then import that into another python file. the load UI method has overhead which when working with a larger application can be noticed, and also you have to have your UI files bundled in your application in order for it to even function. If you just import the generated py file created from the ui file you can put the ui files anywhere you want. This also has some cross platform implications. Also most IDEs are able to parse python files on the fly. If you import the generated py file then your IDE will have access to all the objects you have added to your interface. Autocomplete of text in your IDE should work just like any other variable or object. Again, loading the UI is not the best way to go and i don't even know why they have that ability built in. I'm sure there is a reason, but again I don't recommend it.

[hibachabane]

J’ai un Error :DLL load failed :le module spécifié est introuvable
Aide moi 😢