Download and create an app using Qt Designer (for PyQt6, PyQt5, PySide6)

In this video, we are going to learn how to download Q Designer and design our first PyQt app application. Qt designer is an interface editor specifically for any applications based on Qt framework (PyQt6, PyQt5, PySide6, etc), and by using Qt designer, we can quickly design an app interface and layout.
Buy Me a Coffee? Your support is much appreciated!
----------------------------------------------------------------------------------------------------------------
PayPal Me: www.paypal.me/jiejenn/5
Venmo: @Jie-Jenn
Install Qt Designer via command: pip install pyqt5-tools
Qt Designer is the Qt tool for designing and building graphical user interfaces (GUIs) with Qt Widgets. You can compose and customize your windows or dialogs in a what-you-see-is-what-you-get (WYSIWYG) manner, and test them using different styles and resolutions. (doc.qt.io/qt-5/qtdesigner-man.... The template file ("ui" extension) is compatible with PyQt6, PySide6, PyQt5, and Qt.
Support my channel so I can continue making free contents
---------------------------------------------------------------------------------------------------------------
Patreon: / jiejenn
By shopping on Amazon → amzn.to/2JkGeMD
More tutorial videos on my website → LearnDataAnalysis.org
Business Inquiring: [e-mail]
#QtDesigner #PyQt5 #PyQt6

[@charleskhenry]

Short and to the point, how I like it!

[@hrkcirilodotaco1629]

Bro, you're awesome, i literally lost half of the day to discover why i don't could upgrade to pyside6, but with your video, i finnaly discover, thanks very mutch

[@jiejenn]

Glad the video helped.

[@skewbinge6157]

thanks that was useful very short yet informative

[@jiejenn]

Glad the video helped.

[@RetoonHD]

Good video, good articulation, good info, and even an informative description, i honestly can't ask for more. keep it up

[@100amps]

Good video. Thank you Jie.

[@deiaabdullah2008]

Great work, thaks Jie .. keep it up

[@alwaysgood3913]

Thanks, earned a sub! Will follow to learn more. Thank you!

[@nermienkhalifa5997]

Thanks for the great video. By the way, when I ran the script I couldn't see my application, just a new empty window appeared, I solved this by replacing "class myApp(QWidget)" with "class myApp(QMainWindow)". I am still a beginner, but I am mentioning this because it took me a long time to find the solution.

[@deiaabdullah2008]

Thanks Nermien... your comment solved my issue ... I spent 2 hours trying to figure the issue I also repeated the Video and found that Jie has used the widget (see video at 4:29) as the main window while you and me used the mainwindow. so the solution was we eirther do what you did and change the class in the code to QMainWindow or revise the ui file and change the type the MainWindow to Widget

[@aamano7439]

Dude thanks for this, I also spent an hour figuring out why it didn't run. Thanks!!

[@Atonix99]

how do we know where to install it and how? You just started the video with a folder there

[@johntan4147]

I cant understand where did you get the files from the folder in 00:48

[@jiejenn]

Those are just blank Python files, in which you can create your own.

[@emadleiman47]

Nice tutorial but I tried it using PySide6 and there wasn't any uic module, but I found QtUiTools. When I ran the script, it loaded an empty window. I also added the file path for ui file and still it displayed an empty window so I'm assuming the coding needs to be different for PySide6. If anyone got this working in PySide6, please let me know what the coding needs to look like.

[@frozenyetimug]

Got this to work with pyside6 and QtUiTools. In the MyApp class def, I grabbed QtUiTools from PySide6 and put the following immediately below super().__init() self= QtUiTools.QUiLoader().load("Filename.ui", self) Additionally, and this was the key, I had to save the .ui file one directory higher than my python script. No idea why. I recommend copying the .ui and saving it in a few levels of folders above and below your python script and figure out which one it actually reads. Good luck!

[@joeking5211]

it's pyside6-uic.exe and it is found in the Scripts folder, hope that helps

[@MichalMonday]

Hi, how do you get pyqt methods suggestions in the editor? Is this some sort of plugin?

[@jiejenn]

Depending on the widgets you use, they are already built-in.

[@MichalMonday]

@@jiejenn I meant method names as you type in Sublime text program, suggestions popup allowing you to know what methods are available without the need to check documentation.

[@jiejenn]

@@MichalMonday ohhhhh. I think you're referring to tabnine plugin.

[@MichalMonday]

@@jiejenn Thank you :)

[@greenergrass3489]

is it possible to make it responsive to all mobile sizes?

[@jiejenn]

Not that I know of.

[@user-ht7ju4fn4f]

Hello dear, You used PyQt5-tools instead of PyQt6-tools. Is there difference?

[@jiejenn]

You can use pyqt-tool for PyQt6 since the output is just an XML file.

[@MattVanecek]

You've left out the incredibly important step of how you magically autofilled the python code in your text editor. How did that happen?

[@jiejenn]

Intellisense has nothing to do with PyQt. I would recommend you start with Python 101 first.

[@MattVanecek]

I came here for the QT Designer information. The autofill is relevant, and apparently useful and quite time-saving. It wouldn't hurt you to spend a few seconds explaining how you made that happen. This video seems to be about the tools, not the language.

[@mehmetalisahin3263]

you are bad !@@jiejenn