PyQt5 QtDesigner Login and Signup Forms tutorial: for COMPLETE beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ก.ย. 2024
  • 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/cod...
    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

ความคิดเห็น • 124

  • @nanakiinc.1441
    @nanakiinc.1441 3 ปีที่แล้ว +12

    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!!!

  • @ishudshutup
    @ishudshutup 3 ปีที่แล้ว +12

    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!!!

    • @rryann088
      @rryann088 3 ปีที่แล้ว +1

      can agree, just seen TWT yesterday and this one is way better ! Thanks to her :)

  • @gojosenpai9461
    @gojosenpai9461 3 ปีที่แล้ว +1

    thank you so much, and yes we are interested in CSS with QDesigner, i hope more people here are interested as well

  • @ramizquliyev394
    @ramizquliyev394 3 ปีที่แล้ว +6

    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

  • @ahmedhashem5330
    @ahmedhashem5330 4 ปีที่แล้ว +11

    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

    • @codefirstwithhala
      @codefirstwithhala  4 ปีที่แล้ว +1

      Thanks for the great suggestion! Will keep it in mind

  • @rezasadjadian4603
    @rezasadjadian4603 3 ปีที่แล้ว +3

    Explained the things very well and helped me a lot with my chore. Huge thanks for your effort. Thumbs up.

  • @garyt2185
    @garyt2185 2 ปีที่แล้ว

    This all can be done inside the Designer tool. No need to write code. Is a learning experiencing writing code, however. Great video.

  • @Ashi_1608
    @Ashi_1608 7 หลายเดือนก่อน

    Thank you for the tutorials...It helped me and my team mate to develop our project. Thank you!!!

  • @sameerk12982
    @sameerk12982 3 ปีที่แล้ว +1

    Hello from India....Thank you very much for this easy to understand and very helpful tutorial...looking forward for more....Subscribed.

  • @narrenturn
    @narrenturn ปีที่แล้ว +3

    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 :(

  • @ahmedhashem5330
    @ahmedhashem5330 4 ปีที่แล้ว +6

    keep going ,waiting for your css file for fancy designing!!!!

    • @codefirstwithhala
      @codefirstwithhala  4 ปีที่แล้ว

      Working on it, keep an eye out for it in the next few days!

  • @amosfalcon6190
    @amosfalcon6190 2 ปีที่แล้ว

    Big thanks for your wonderful lesson! It really help me a lot. Wish Hala has gorgeous life in the coming 2022 : )

  • @Imaginary_World-k9m
    @Imaginary_World-k9m ปีที่แล้ว

    This tutorial is very helpful for me 😘
    ThankU maam

  • @simform2415
    @simform2415 2 ปีที่แล้ว

    you lecture is very oswome and very informative . A lot of thaxnks with give us source code..

  • @hamzasonalcan
    @hamzasonalcan ปีที่แล้ว

    thank you very much for sharing the source code. It helped so much to my project.

  • @markobudimir4153
    @markobudimir4153 3 ปีที่แล้ว +2

    Thank you so much, keep up the good work!

  • @Bobheinlein
    @Bobheinlein 2 ปีที่แล้ว +1

    Great tutorial, but I don't understand how do you get "widget" within class?

  • @allwinaugustine
    @allwinaugustine 3 ปีที่แล้ว

    Your channel deserve a lot more subscriptions...

  • @iAmStealty
    @iAmStealty 3 ปีที่แล้ว +2

    Traceback (most recent call last):
    line 20, in
    mainwindow = login()
    NameError: name 'login' is not defined
    why this occures

    • @vaishnavikapure8959
      @vaishnavikapure8959 3 ปีที่แล้ว +1

      the same problem i'm facing please help me out

  • @TheSpiralnotizblock
    @TheSpiralnotizblock 3 ปีที่แล้ว +1

    wow, thank you for this amazing tutorial!

  • @guytrout7101
    @guytrout7101 2 ปีที่แล้ว

    Well done tutorial and thank you for the source code for the pgm and two .ui

  • @danishali8335
    @danishali8335 ปีที่แล้ว +1

    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

  • @fatemenikkhah8780
    @fatemenikkhah8780 3 ปีที่แล้ว

    خیلی ممنون از شما

  • @mirhosseinseednasiri3037
    @mirhosseinseednasiri3037 2 ปีที่แล้ว

    it was so useful for me thanks alot for creating this serios of video

  • @dansonchipili3357
    @dansonchipili3357 2 ปีที่แล้ว

    Wow wonderful video indeed. Great work

  • @hare.gator23
    @hare.gator23 ปีที่แล้ว

    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.

  • @joelkklein8760
    @joelkklein8760 3 ปีที่แล้ว +1

    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??

  • @kuahara
    @kuahara ปีที่แล้ว

    This is a very helpful video. Thank you.

  • @donny9748
    @donny9748 3 ปีที่แล้ว +1

    It says AttributeError: type object 'Login' has no attribute 'self'

  • @bharadhwaj2145
    @bharadhwaj2145 2 ปีที่แล้ว

    Very Great Tutorial
    Thanks a lot

  • @1n4007-j
    @1n4007-j 2 ปีที่แล้ว

    man really god bless you

  • @inhthanhtung5199
    @inhthanhtung5199 2 ปีที่แล้ว

    thank you so much (from vietnam)

  • @g3lon0s
    @g3lon0s 7 หลายเดือนก่อน

    Could you do a video of styling with css?

  • @orhansrml
    @orhansrml 3 ปีที่แล้ว +1

    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?

    • @nanakiinc.1441
      @nanakiinc.1441 3 ปีที่แล้ว +1

      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

    • @stevemorse5052
      @stevemorse5052 3 ปีที่แล้ว

      @@nanakiinc.1441 Hi did you solve the problem, if so how.

  • @warwickrigby6894
    @warwickrigby6894 ปีที่แล้ว

    Excellent tutorial.

  • @DFAutoArena
    @DFAutoArena ปีที่แล้ว

    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

  • @cedricsipakam2601
    @cedricsipakam2601 2 ปีที่แล้ว

    Verry well explained!

  • @rohitsonawane4592
    @rohitsonawane4592 4 ปีที่แล้ว +3

    How we make android app using pyQt5 ?
    If it is possible then please make a video.

    • @codefirstwithhala
      @codefirstwithhala  4 ปีที่แล้ว +1

      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.

  • @jyotipandita8552
    @jyotipandita8552 4 ปีที่แล้ว +1

    Your voice is like Google Assistant😄

  • @Jeffrich308
    @Jeffrich308 3 ปีที่แล้ว

    Very informative! Thanks!

  • @Music-qm4pw
    @Music-qm4pw ปีที่แล้ว

    Which version of PyCharm you used ? It seems to not working with new version.

  • @alejozen3457
    @alejozen3457 3 ปีที่แล้ว

    Your content is great!

  • @arturoikkileon1159
    @arturoikkileon1159 2 ปีที่แล้ว

    firstly thanks for great video, but what about if i´m using another path where my UI are storage?

  • @sauravwagh560
    @sauravwagh560 3 ปีที่แล้ว

    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

  • @egutube99
    @egutube99 3 ปีที่แล้ว

    love ur videos! helped me alot but is there anyway that i can sign the users out of the app after login?

  • @Sirisha099
    @Sirisha099 3 ปีที่แล้ว

    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 ?

  • @aaronjaffetgutierrez1345
    @aaronjaffetgutierrez1345 ปีที่แล้ว

    Nice video, thanks for you help!!

  • @feniladesara
    @feniladesara 2 ปีที่แล้ว

    I created UI and also done same code shown in tutorial. But I am getting error. I am using spyder not pycharm.

  • @manonthedollar
    @manonthedollar 3 ปีที่แล้ว +2

    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) ) ?

    • @rryann088
      @rryann088 3 ปีที่แล้ว

      Hello @manonthedollar did you find the correct answer to this question?

    • @denno445
      @denno445 2 ปีที่แล้ว +1

      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.

  • @xilin1063
    @xilin1063 2 ปีที่แล้ว

    Since Firebase might be not available in some countries, is there a similar way to mandate all users with pymsql?

  • @onehokim563
    @onehokim563 4 ปีที่แล้ว +2

    you are so great

  • @1n4007-j
    @1n4007-j 2 ปีที่แล้ว

    greate video

  • @binodreddy9881
    @binodreddy9881 ปีที่แล้ว

    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?

  • @zeyadrhadi2285
    @zeyadrhadi2285 3 ปีที่แล้ว

    very very Excellent

  • @zeyadrhadi2285
    @zeyadrhadi2285 3 ปีที่แล้ว

    Excellent

  • @madinafazli8394
    @madinafazli8394 3 ปีที่แล้ว

    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?

  • @yashchaurasia1830
    @yashchaurasia1830 3 ปีที่แล้ว

    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.

  • @kaindradjoemena7789
    @kaindradjoemena7789 3 ปีที่แล้ว

    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

  • @majestic_makes
    @majestic_makes 3 ปีที่แล้ว

    You are doing great.. Please provide tutorial for displaying images Thanks

    • @TP-mv6en
      @TP-mv6en ปีที่แล้ว

      a channel called tech with tim has made a good video on that

  • @sonelay
    @sonelay 2 ปีที่แล้ว

    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

    • @Aayush-vn6ef
      @Aayush-vn6ef 2 ปีที่แล้ว

      how did you fix it??

  • @Tri_3D
    @Tri_3D 3 ปีที่แล้ว

    Very good video. keep up the good work. you got a discord?

  • @aritramondal8452
    @aritramondal8452 3 ปีที่แล้ว

    I am getting attribute error with create account button, please help

  • @rubotok3703
    @rubotok3703 3 ปีที่แล้ว +1

    PyQt.uic doesnt exist for me ti import from, help

    • @iochisono97
      @iochisono97 3 ปีที่แล้ว

      pip install pyuic5-tool

  • @gagankarnati643
    @gagankarnati643 ปีที่แล้ว

    How do i store the usernames and passwords?

  • @yasirh2004
    @yasirh2004 3 ปีที่แล้ว

    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

    • @OmgSAN
      @OmgSAN 3 ปีที่แล้ว +1

      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)

  • @nguyentu-mc5nl
    @nguyentu-mc5nl 3 ปีที่แล้ว

    how can i change the 2nd window size? please anyone help?

  • @Loksy
    @Loksy 3 ปีที่แล้ว +1

    Thank you for this video.
    keep it up

  • @mspsas12345
    @mspsas12345 4 ปีที่แล้ว

    The create button in your code is crashing

  • @momowangle4781
    @momowangle4781 3 ปีที่แล้ว

    6:40 when I do the exact same things, I get "Invalid Style Sheet"

    • @yestin3509
      @yestin3509 3 ปีที่แล้ว

      add "background-color:" in front of the actual color

  • @yuvalnoyman1660
    @yuvalnoyman1660 3 ปีที่แล้ว

    its showing me: AttributeError: 'Login' object has no attribute 'login_button' i cant find how to solve it please help

    • @leonardorosales3122
      @leonardorosales3122 3 ปีที่แล้ว

      That atribute depends on the name that you assigned to the button.
      Check the name in QtDesigner.

    • @TriStyleXI
      @TriStyleXI 2 ปีที่แล้ว

      @@leonardorosales3122 thank you! i needed this

  • @asapdexter6410
    @asapdexter6410 3 ปีที่แล้ว

    why not PySide2?

  • @rohitsonawane4592
    @rohitsonawane4592 4 ปีที่แล้ว

    It is possible to add or embed python turtle graphics in PyQt5 GUI ?

    • @codefirstwithhala
      @codefirstwithhala  4 ปีที่แล้ว

      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.

    • @NphiniT
      @NphiniT 4 ปีที่แล้ว

      Use QtGraphics. It's way better than turtle

  • @randomNunber
    @randomNunber 4 ปีที่แล้ว

    Waiting for followup videos

    • @codefirstwithhala
      @codefirstwithhala  4 ปีที่แล้ว

      Watch out for more PyQt5 in the coming week!

  • @dedpihto680
    @dedpihto680 2 ปีที่แล้ว

    god damn it s fucking good

  • @زانغت_ساما
    @زانغت_ساما 3 ปีที่แล้ว

    sorry but the audio is really bad and its messing up the tutorial

  • @srikar8718
    @srikar8718 3 ปีที่แล้ว +1

    Unresolved reference 'loadUi' could you help me out

    • @manonthedollar
      @manonthedollar 3 ปีที่แล้ว +1

      Are you on PyQt5 or Pyside2?

    • @kesavguru415
      @kesavguru415 3 ปีที่แล้ว +1

      @@manonthedollar I am using PyQt5 and faced the same issue

    • @iochisono97
      @iochisono97 3 ปีที่แล้ว +1

      pip install pyuic5-tool

    • @iochisono97
      @iochisono97 3 ปีที่แล้ว +1

      @@kesavguru415 pip install pyuic5-tool

  • @1n4007-j
    @1n4007-j 2 ปีที่แล้ว

    1

  • @1n4007-j
    @1n4007-j 2 ปีที่แล้ว

    2

  • @Exapixel
    @Exapixel 4 หลายเดือนก่อน

    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 ................

  • @saqibuzair7670
    @saqibuzair7670 5 หลายเดือนก่อน

    Hello ma;am your email is not correct
    please send the original email thank you

  • @narrenturn
    @narrenturn ปีที่แล้ว

    self.loginbutton.clicked.connect(self.loginfunction)
    AttributeError: 'Login' object has no attribute 'loginbutton'
    where is the problem ?

  • @1n4007-j
    @1n4007-j 2 ปีที่แล้ว

    man really god bless you

  • @1n4007-j
    @1n4007-j 2 ปีที่แล้ว

    greate video

  • @zeyadrhadi2285
    @zeyadrhadi2285 3 ปีที่แล้ว

    Excellent

  • @andreizavorodnic5009
    @andreizavorodnic5009 4 ปีที่แล้ว +7

    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!

    • @halfwild3090
      @halfwild3090 3 ปีที่แล้ว +1

      Indians save tho

    • @rajsarkar
      @rajsarkar 2 ปีที่แล้ว

      now i would call it racist

  • @peejack2184
    @peejack2184 2 ปีที่แล้ว

    ModuleNotFoundError: No module named 'PyQt5' how do i fixed it?

  • @1n4007-j
    @1n4007-j 2 ปีที่แล้ว

    man really god bless you

  • @1n4007-j
    @1n4007-j 2 ปีที่แล้ว

    greate video

  • @TriStyleXI
    @TriStyleXI 2 ปีที่แล้ว

    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?

    • @kainatirfan8364
      @kainatirfan8364 ปีที่แล้ว

      hey i am facing the same problem.. did you get any solution?

    • @rifkireynaldi9155
      @rifkireynaldi9155 ปีที่แล้ว

      try to change your scale. setting>system>display>custom scalling