PyQt5 FULL Modern Gui Tutorial #1 - Welcome Screen [for beginners]

Video #1 in a tutorial series for building a fully functional app with PyQt5. In this video, you'll learn how to create the Welcome Screen for the application.
Playlist link: • PyQt5 Full App Tutoria...
In this video, you will:
- Learn how to use PyQt5 and QtDesigner
- Add gradients in PyQt5
- Add labels and buttons in PyQt5
- Use Qt Designer UI files with Python code.
Source code: github.com/codefirstio/pyqt5-...
For more information:
Install and Setup PyQt5 and Qt Designer: • Install and Setup PyQt...
For suggestions or comments:
My email: [e-mail]
*************
*Tags*
PyQt5
PyQt5 tutorial
PyQt5 module
PyQt5 Designer
QtDesigner
Qt GUI tutorial
QTabWidget
PyQt5 gradient
PyQt5 modern GUI
PyQt5 Welcome Screen

[@user-fi2ty4bm2n]

Very clear explanation with organized steps to build a first PyQt app. Thank you.

[@user-pr2uc3ri2o]

Just wanted to express how helpful your videos are!! you are extrely good at explaining tNice tutorialngs in-depth but still at a basic level for

[@mouaadrio5883]

thank you thank you so much, I've been waiting for this for so long, cz all QT GUIs i saw look like they were created in the 90's, i was thinking about moving to something like C# WPF or something prettier. but i guess im gonna stick with qt for now, thanks again for all the hard work and time u put into these tutos

[@katrykonig2466]

That is exactly what I need! Many thanks for you

[@rohitkumarshaw8383]

Time stamps - -------------------- 02:25 - link for how to install PyQt5 04:00 - Import header files 04:40 - QT Designer 06:47 - Widget for background color of Welcome screen 09:30 - Add fade background color 12:25 - Add label (Welcome) 13:23 - Solve background fade issue in label 15:14 - Add label (Create account) 16:40 - Welcome screen code in python 19:40 - Launch application (Welcome screen) 23:13 - Add push button in QT Designer (login) 25:43 - Add push button (sign up) 26:10 - Objective for next video (when Login button clicked, go to new screen)

[@maurizioberti6119]

00:00 - Keep in mind this so-called tutorial just like python would with a non referenced instance. (hint: see "Garbage Collection")

[@rryann088]

OMG!!! THANK YOU SO MUCH! BEEN WAITING FOR SOOO LONG!!!! THANK YOUUUUU!!!!!

[@kiransanghvi6383]

Thank you very much for the beginner friendly and much need introduction to get started with PyQt5.

[@perlasaadeh3322]

Please keep posting! I love your explanations

[@vladimirsch.3015]

Thank you! In my case QStackedWidget needet to be imported too. --> from PyQt5.QtWidgets import QDialog, QApplication, QWidget, QStackedWidget

[@ebraheememad9593]

Thx man, really helped

[@someguy6076]

You made four weeks with a difficult-to-understand lecturer make sense inside 30mins. Thank you, Hala !! (Plus you are much nicer to listen to)

[@maurizioberti6119]

That's a pity. You got a total of ~3mins of extremely valid concepts, ruined by the remaining 27 containing a horrifying amount of terrible suggestions.

[@violeto2831]

Love the tutorial! it was very helpful

[@sureiwill1302]

Fantasic toutorial. Thanks a bunch!

[@aniketmore7409]

you have done a great job! Thanks a lot dear!!

[@AdelHaiba78]

Thanks, I'll continue watch the series

[@kuahara]

Another great video. Thanks!

[@prakashkombala]

Really very good without any drag Thanks you very much

[@Dystopian1]

This is simply awesome.

[@gojosenpai9461]

cant wait for this to be finished

[@teemu3436]

Keep up the good work!

[@abhisheksurela2881]

Thanks a lot, please upload more videos for Qt5.

[@smzhd9642]

It helped me a lot. Thank you

[@tomaszzdziarski9591]

Very helpfull,thank you!

[@m_abhijit_]

This video is too great for beginners who have fears before learning the python with Qt5 designer as it needs some prerequisites but in this video the explanation is too good that a noob can also grab the in depth knowledge from this thanks alot may god bless u 👍🏻😀

[@Sauravk2107]

Love the tutorial and Love you...

[@leonflackett7397]

great tutorial! Thanks!

[@maurizioberti6119]

No, terrible tutorial, with terrible suggestions. Even what's good (because it has good things) is not *that* good compared to what's bad. Ignore it.

[@ahmedragab4063]

Thanks for the great content

[@mohammadrezashariat1442]

Excellent content ,excellent expression, beautiful voice, everything fantastic

[@maurizioberti6119]

Everything but the fact that too many things suggested here are just *wrong*.

[@kunalbose493]

Very nice tutorial :)

[@javiercantoy7522]

Excelent !!

[@4tail152]

thank u very much , it helped me very much

[@qkahmadzai8153]

New subscriber, hello from Afghanistan 🙏

[@raphaelmachado9437]

u saved my life... thanks...

[@user-kv2jk8vc1l]

Legit! thanks a lot bro!

[@kienvu9274]

very detail

[@ghassansaadeh8176]

👌👌

[@dadas8366]

You're the Best one

[@frettmann5317]

Love it and subscribe you 😊

[@codermadushan]

Thank you

[@Thomas-vp3en]

Thank you! Thank you! Thank you! Thank you! Thank you! Thank you! Thank you! Thank you! Thank you! Thank you! 💟💟💟💟💟

[@timlol3899]

hello I can't find the library what can I advise you to do can you help me this is the error ImportError: cannot import name 'loadui' from 'PyQt5.uic' (C:\Users\Furkan\AppData\Local\Programs\Python\Python310\lib\site-packages\ PyQt5\uic\__init__.py)

[@ebraheememad9593]

It compresses everything in a small window, how to make the window larger?

[@peejack2184]

how could i fixed problem like this? ModuleNotFoundError: No module named 'PyQt5'

[@ramshankeryadav_0_0]

Can we print whole QFrame and component in it , to A4 paper ? Is this possible?

[@alban3409]

Hey when will you do the profile part?

[@group3cpe95]

Hello How Can I make it pop up in the middle of my screen?

[@antojoel6463]

yo the border radius is not changing for me y?

[@0168skyleung]

Pretty good to explain the details. However, I do download the pyqt5.file in the python folder .and type pip install pyqt5 but nothing happen and popped pip not recognized. 😅

[@ebraheememad9593]

Watch a tutorial on yt for that error

[@theanimators8202]

Just wondering why you are saving your files in your venv? isn't it better to keep it separate especially when using github as we don't push the venv over?

[@xreed8]

I was thinking that as well. I thought well maybe im wrong when working with pyqt since im just learning pyqt, but a virtual env is for 3rd party libraries and packages you install, ie files that arent your own code, not for your project files. You should be able to always delete your .venv folder whenever. Especially since, as you point out, you dont push your virtual environment folder to a version control like github.

[@Css-Designes]

"Qstackwidget is not defined" error occurs,please help

[@hessmess9504]

Why modify the dimensions (1200 and 800) of the window in the properties of QtDesigner then recalling them in the python code with setFixedHeight and setFixedWidth?

[@MaurizioB]

Unfortunately this is not the only problem with this whole tutorial. While most of the explaination is properly done, it has a lot of issues with syntax/styling and from the OOP perspective, and also suggests things that are absolutely *wrong* (like adding a QDialog to a QStackedWidget or not using layout managers) and that wrongly guide beginners to bad practices.

[@pancake8133]

Without those lines the window does not start at the correct size. Setting the dimensions in QtDesigner only affects the preview layout you see in the designer. setFixedHeight and setFixedWidth makes the application the correct size to match the preview and also prevents the user from resizing the window and ruining the layout. However this is not a responsive design unfortunately

[@sharafvip1]

Hi I want to make dashboard how can I do that ??

[@ebraheememad9593]

It doesn't open, it just prints exiting

[@dnpangestu]

hello, i have followed this tutorial but im stack in # main at widget = QStackedWidget() the sistem says "QStackedWidget" is not define. can you help me 😭

[@pancake8133]

you have to import QStackedWidget on line 4 where you're importing the other classes: "from PyQt5.QtWidgets import QDialog, QApplication, QWidget, QStackedWidget"

[@murtazabadshah8747]

from PyQt5.uic import loadUi

[@al-ghadernasaluddin5184]

This happened to me too, You have to uninstall something from the Pyqt5 using pip unfortunately I forgot what that library was called

[@kirillburtsev4793]

Hi, Badshah I faced the same problem. Did u get any answer?

[@murtazabadshah8747]

@@kirillburtsev4793 Nope I didn't I ended up using Ktinker GUI instead as the documentation was a bit more extensive.

[@kirillburtsev4793]

@@murtazabadshah8747 Oh thanks I’ve already figured it out the problem

[@jockfaire]

@@kirillburtsev4793 What did you do to resolve the problem? I've been scratching my head over this for some time now.

[@hornetsnest662]

FileNotFoundError: [Errno 2] No such file or directory: 'WelcomeScreen.ui' what should i do to fix this

[@jockfaire]

I'm getting this same error in addition to the ones @Murtaza Badshah got

[@santhoshkadur5375]

Facing an error with: from PyQt5.uic import loadUi Any library should be installed?

[@netanelelayev6947]

I facing the same error Did you fixed it?

[@santhoshkadur5375]

@@netanelelayev6947 : with that error also the program will be executed without any problem.. Kindly try to execute...

[@devapp9426]

FileNotFoundError: [Errno 2] No such file or directory: 'welcomescreen.ui'

[@selvakumar-ym8ty]

please upload more videos

[@chabaanesafae7102]

why from PyQt5.uic import loadUi doesn't work i'm using also Pycharm !!!

[@ameral-koofee1249]

copy relative path

[@roshandissanayaka7623]

Love to

[@greenergrass3489]

is QT designer responsive to all mobile size?

[@maurizioberti6119]

Qt allows to create "adaptive" design, not fully "responsive" as intended for nowadays mobile applications and websites. But the problem is that who created this tutorial completely ignored those aspects at all (along with a lot of other important aspects). Just dismiss it, they evidently don't care about their viewers, only about their views.

[@pythonusersheng3370]

Error: 'QStackWidget' is not defined?

[@Radian327]

I changed the import section at the top to: import sys from PyQt5.uic import loadUi from PyQt5 import QtWidgets from PyQt5.QtWidgets import QDialog from PyQt5.QtWidgets import QApplication from PyQt5.QtWidgets import QWidget from PyQt5.QtWidgets import QStackedWidget

[@ebraheememad9593]

Import qstackedwidget

[@tirthz]

Unresolved reference 'app_exec' Pls HELP

[@Mastersafi]

replace to sys.exit(app.exec())

[@incremental_failure]

Not bad but some glaring errors. There's no need for the try and except block for sys.exit, even if you wanted to use it, you'd catch the exception and print it. Silently ignoring exceptions is a bad idea. The elements in the window should have a layout. Something like a QVBoxLayout would work here with some adjustments. This is so you can add elements later without ruining the layout.

[@maurizioberti6119]

Well spotted. Unfortunately, what you pointed out are just *some* of the problems here; like continuously creating new pages (instead of reusing them), or using QDialog in a QStackedWidget (which is wrong since QDialog is intended as a top level window). Unfortunately, it seems clear that the author of these so-called "tutorials" only cares about their views and has absolutely no interest in the consequences of providing terrible suggestions. In case you were wandering, be aware that even the codemy channel also does similar mistakes.

[@incremental_failure]

@@maurizioberti6119 It takes quite a few years to have a decent understanding of Qt. You can whip something unmaintainable together quickly, as has been done in the video. It's not a bad tutorial necessarily for someone completely new to Qt and scared to try it. But most of the approaches here obviously should not be used.

[@Lord__Of__Darkness]

why you delete comments?

[@kmalnasef1512]

you complicate things more than it is !!. what the reason to involve css in pyqt for beginners?

[@maurizioberti6119]

Believe me, using style sheets is the least of the problems here.

[@rockbert1701]

Leary alot

[@maurizioberti6119]

After a year, this tutorial is still here, along with its terrible suggestions, bad practices, syntax errors, and with the critic comments carefully deleted. If you want to learn about programming and PyQt in a *good* way and without the terrible practices suggested here, ignore it and down vote it.

[@serious6037]

disslike

[@MaurizioB]

Please be aware that this tutorial (while in some ways well explained and somehow helpful), also suggests a lot of terrible practices. Since this is the third time I'm writing this (even after writing them emails), and they keep ignoring any message, it simply means that they really don't really care about viewers. That means you. I'm sorry to write this, I really tried to find a friendly way to sort out these problems, but they just don't seem interested: if you cannot see critics in the other comments, it's just because they delete them. If you really want to learn about PyQt, just find other resources, as it's clear that they don't care about helping people, just getting views.

[@hessmess9504]

Thank you very much for this greatfull tutorial. The "sys.exit(app_exec())" command not worked for me so I replaced it by "sys.exit(app.exec_())" which worked perfectly.

[@gigamgamboa828]

solve my issue with this. thank you

[@inji8451]

Solved👍

[@william99glue41]

Thanks bruhh

[@Rahulswami467]

14:28 my whole background goes white 🥲please help ma'am

[@user-oy4zs5uq3b]

How can I solve this problem " widget = QStackedWidget() NameError: name 'QStackedWidget' is not defined"

[@jullianducut9680]

Any update with this problem?

[@coleemersonsmith9950]

from PyQt5.QtWidgets import QApplication, QMainWindow, QDialog, QStackedWidget

[@jashanpreetsingh4750]

@@jullianducut9680 from PyQt5.QtWidgets import Qstackedwidget

[@jullianducut9680]

I have now solved this problem due to import problem and multiple pyqt5 libs. Thank you :)

[@yeruschmift8422]

Look at 22:36 closely, the video is cut and the code is changed for widget = QtWidgets.QStackedWidget()