PyQt5 QtDesigner Login and Signup Forms tutorial: for COMPLETE beginners
HTML-код
- Опубликовано: 16 июл 2020
- Create your first ever PyQt5 application: Login and Signup forms. Navigate between logging in and creating a new account. The tools used are Python, PyQt5 library and PyQt5 designer.
In this video, you will:
-Create your first Python PyQt5 project
-Launch your first Python PyQt5 application
-Work with PyQt5 designer
-Create a login/signin form PyQt5
-Create a signup/create account form in PyQt5
-Use QtWidgets, QtDialog
-Use PyQt5 buttons, line fields, password fields, and labels
-Hide password in PyQt5
-Switch screens in PyQt5
-Use on clicked events in PyQt5 buttons
Install and Setup PyQt5 and QtDesigner: • Install and Setup PyQt...
Source code: github.com/codefirstio/pyqt5-...
For suggestions or comments:
My email: mailto:code.first.io@gmail.com
*************
*Tags*
PyQt5 tutorial
PyQt5 login form
PyQt5 create account form
PyQt5 signup form
PyQt5 Designer
Qt Designer
Qt GUI tutorial
GUI tutorial Python
Graphical User Interface Python
Python tutorial 
Наука
![PyQt5 QTableWidget tutorial: Load data, fill tables, format tables [Table Widget]](http://i.ytimg.com/vi/xL2NdSubiNY/mqdefault.jpg)
![PyQt5 QTableWidget tutorial: Load data, fill tables, format tables [Table Widget]](/img/tr.png)
![PyQt5 Crash Course: Button, Label, Text Edit, Check Box, Spin Box and Combo Box [for beginners]](http://i.ytimg.com/vi/JYZzO__ulLw/mqdefault.jpg)
![Firebase Authentication + Python PyQt5 Login and Signup Form tutorial [for beginners]](http://i.ytimg.com/vi/_zm1uEUregI/mqdefault.jpg)
This is one of the best coding tutorials on youtube.
Most coding tutorial: Write this code and see it works
This tutorial: If you do that, this will happens, because...
Thank you very much!!!
thank you so much, and yes we are interested in CSS with QDesigner, i hope more people here are interested as well
Explained the things very well and helped me a lot with my chore. Huge thanks for your effort. Thumbs up.
wow, thank you for this amazing tutorial!
Thank you so much, keep up the good work!
Wow, this was actually way better than the tutorials from Tech With Tim! Perhaps what could help is to divide the tutorials into around 10 min part, people may be intimidated by the 30 min video. Keep up the great work, thanks!!!
can agree, just seen TWT yesterday and this one is way better ! Thanks to her :)
Your channel deserve a lot more subscriptions...
You have an amazing voice but If you speak a little bit louder or use a mic everything would be perfect. Thanks For Video. Liked
Very informative! Thanks!
Thank you for the tutorials...It helped me and my team mate to develop our project. Thank you!!!
Big thanks for your wonderful lesson! It really help me a lot. Wish Hala has gorgeous life in the coming 2022 : )
This all can be done inside the Designer tool. No need to write code. Is a learning experiencing writing code, however. Great video.
thank you very much for sharing the source code. It helped so much to my project.
Thank you for this video.
keep it up
This is a very helpful video. Thank you.
Your content is great!
Wow wonderful video indeed. Great work
Well done tutorial and thank you for the source code for the pgm and two .ui
Hello from India....Thank you very much for this easy to understand and very helpful tutorial...looking forward for more....Subscribed.
thank you so much (from vietnam)
Verry well explained!
This tutorial is very helpful for me 😘
ThankU maam
Very Great Tutorial
Thanks a lot
Nice video, thanks for you help!!
man really god bless you
it was so useful for me thanks alot for creating this serios of video
After 3 very long hours on youtube searching for something actually useful, I found your video and I can really say that it's a life saver. You explain well, have a nice voice(I'm sick of indian guys) and you take it step by step. Keep going 'cause I will be watching! Congrats!
Indians save tho
now i would call it racist
i think your series will be great if you add some how dash board in the side of your screen just to demonstrate what are the functions of things that you have imported
Thanks for the great suggestion! Will keep it in mind
Excellent tutorial.
keep going ,waiting for your css file for fancy designing!!!!
Working on it, keep an eye out for it in the next few days!
خیلی ممنون از شما
you lecture is very oswome and very informative . A lot of thaxnks with give us source code..
Excellent
very very Excellent
Very good video. keep up the good work. you got a discord?
greate video
Traceback (most recent call last):
File "C:\Users\ASUS\PycharmProjects\main.py", line 19, in
mainwindow=Login()
File "C:\Users\ASUS\PycharmProjects\main.py", line 10, in __init__
self.loginbutton.clicked.connect(self.loginfunction)
AttributeError: 'Login' object has no attribute 'loginbutton'
no idea what's happen :(
love ur videos! helped me alot but is there anyway that i can sign the users out of the app after login?
Your voice is like Google Assistant😄
firstly thanks for great video, but what about if i´m using another path where my UI are storage?
Some concepts are missing, if you had converted the .ui file with the pyuic5, then it would be good, because you can see the whole code of the gui there
You are doing great.. Please provide tutorial for displaying images Thanks
a channel called tech with tim has made a good video on that
Could you do a video of styling with css?
Since Firebase might be not available in some countries, is there a similar way to mandate all users with pymsql?
you are so great
Thank you!
@@codefirstwithhala where do u live??
Great tutorial, but I don't understand how do you get "widget" within class?
hii, please if I want to create other boxes or spaces like firstname in the create account page how do I initialize it in the code
Which version of PyCharm you used ? It seems to not working with new version.
when I ran the python file we created, the GUI loads but is blank and dosent have anything from the QTdesigner :(. I made sure the UI file i created was the one from the QTdesigner but its still a blank GUI that pops up when executed.
when i connect two pages size of first page is apply size of another pages but i want different size for different pages, what i can do pls help
When I click the create acc button in the sign up form, it does not redirect me to the sign in page and prints nothing even though I have the exact same code! Can anyone please help me with this?
I installed a PYQT5 by using pip but it showing like this ,defaulting to user installation because normal site-packages is not writable how to overcome this problem ?
Good channel, for leaning PYQT5, i have a question?/ I have a question?? what is better.. use PyQt5.uic Import [file.ui] or convert File .ui to Python code??
Convert
Excellent tutorial. Thanks!
I noticed at the end (around 28:30), the gotocreate() function creates a "second" login screen. Is that the "standard" way of doing this, or is it okay to go back to the first widget ( self.setCurrentIndex(self.currentIndex()-1) ) ?
Hello @manonthedollar did you find the correct answer to this question?
once you add more screens it would get a bit messy unless you manage your indexes and just doing +1 every time make its a whole lot easier to manage, but its less memory efficient.
It says AttributeError: type object 'Login' has no attribute 'self'
I created UI and also done same code shown in tutorial. But I am getting error. I am using spyder not pycharm.
First of all thank you.
I have a question. You define widget variable at the buttom of your code but you use it in the class above. When I do the same thing, it says "widget not defined".
Can anyone help?
i have the same problem :/
If i press tab and put it under the class it works. But then it doesnt open the window/class
@@nanakiinc.1441 Hi did you solve the problem, if so how.
I would like to suggest here is that loadUI is not that efficient in the long run better we convert the ui to py file and use it.
btw its a nice tutorial video.
ummmm does anyone know how to fix the designer where it's so clunky. The fonts are so big and the panels on the editor are too big that it clutters the screen. Help pls I cant I now cant use it
hey, this tutorial is very good,
when i run the ui file from pycharm, the window is way smaller than it shows in your video, so all the text and shit are cropped out.
i've specified the fixed width and height. how do i fix?
hey i am facing the same problem.. did you get any solution?
try to change your scale. setting>system>display>custom scalling
how can i change the 2nd window size? please anyone help?
I have developed application using qt designer in 100% resolution window but while I am running the same application in 150% resolution window images in that application are not appearing...can any one give solution for it?
How we make android app using pyQt5 ?
If it is possible then please make a video.
It is possible! While it is not recommended as the top choice for Android with Python (check out Kivy) there are multiple ways this can be done. Thanks for the suggestion. I'll keep it in mind for a future video.
Hello, thanks for the tutorial, I'm facing the TypeError: ('Wrong base class of toplevel widget', (, 'QMainWindow')). Could you please able to advise on it
how did you fix it??
Hello, and thank you, for the video.
I admit I am confused and I have no clue why this little program does not run at my office pc but smoothly at home.
I even downloaded the code and your form because I thought I might have a typo and missed it. But no.
It says something like "Login doesn't have an attribute loginbutton....".
Maybe somebody has an idea what is wrong.
2nd... is there a way to integrate/render some (already existing) 3d mathlab graphs to a selfmade GUI form?
Regards, and thank you!
Problem solved. Bad idea to use "save target as...." in github. Now it works...!
i had the same error but i fixed mine using chatgpt it took some time tho
@@gagankarnati643 Meanwhile I had to switch to PySide2, did some courses on Python and object oriented programming, QML and QTQuick. So a lot of stuff happened and I am super happy our boss got us a Udemy buisness plan. WOW, only one year later....!!!
I managed to create some really heplful tools for our service guys and grab a database and create lots of helpful graphs and tables. What took a couple of days of work a year ago (and a lot of discussion with the boss/customer/sales dept is now done in one hour (including making it nice in an Excel sheet).
It just takes patience and sometimes a good sleep to get the solution. Best regards!
@@carstenschmucker9140 Wow thank you. You are an inspiration! I strive to be like you. Maybe you could drop your email below? I have a few questions you may be able to help with or any social media. I am very inspired. It is nice you've been able to develop such things.
How do i store the usernames and passwords?
ModuleNotFoundError: No module named 'PyQt5' how do i fixed it?
I am getting attribute error with create account button, please help
why not PySide2?
The create button in your code is crashing
god damn it s fucking good
Waiting for followup videos
Watch out for more PyQt5 in the coming week!
It is possible to add or embed python turtle graphics in PyQt5 GUI ?
Hi! Turtle actually uses tkinter, another Python GUI library, behind the scenes. Tkinter and PyQt5 work a bit differently, so I don't think it would be possible, or perhaps not recommended. Anyways, there are some alternatives to drawing with PyQt5, or you can use Turtle with Tkinter.
Use QtGraphics. It's way better than turtle
How to hide signup form after pressing signup button i tried Form.hide but it doesn’t work inside a function only in constructor i want to close or hide the form from a function can you help pls
Suppose your signup button's variable name is "signupbutton" and page's index number is 1, and your Sign in or main page's index number is 0. If you're using stacked widgets then you can add the following code.
self.signupbutton.clicked.connect(self.MainMenu)
def MainMenu(self):
stackedWidget.setCurrentIndex(0)
PyQt.uic doesnt exist for me ti import from, help
pip install pyuic5-tool
6:40 when I do the exact same things, I get "Invalid Style Sheet"
add "background-color:" in front of the actual color
Traceback (most recent call last):
line 20, in
mainwindow = login()
NameError: name 'login' is not defined
why this occures
the same problem i'm facing please help me out
its showing me: AttributeError: 'Login' object has no attribute 'login_button' i cant find how to solve it please help
That atribute depends on the name that you assigned to the button.
Check the name in QtDesigner.
@@leonardorosales3122 thank you! i needed this
1
2
Unresolved reference 'loadUi' could you help me out
Are you on PyQt5 or Pyside2?
@@manonthedollar I am using PyQt5 and faced the same issue
pip install pyuic5-tool
@@kesavguru415 pip install pyuic5-tool
sorry but the audio is really bad and its messing up the tutorial
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla ................
Hello ma;am your email is not correct
please send the original email thank you
self.loginbutton.clicked.connect(self.loginfunction)
AttributeError: 'Login' object has no attribute 'loginbutton'
where is the problem ?
man really god bless you
Excellent
greate video
man really god bless you
greate video