Це відео не доступне.
Перепрошуємо.

PyQt5 QtDesigner Login and Signup Forms tutorial: for COMPLETE beginners

Поділитися
Вставка
  • Опубліковано 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/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

КОМЕНТАРІ • 129

  • @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

  • @andreizavorodnic5009
    @andreizavorodnic5009 3 роки тому +6

    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!

  • @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

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

  • @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 6 місяців тому

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

  • @rezasadjadian4603
    @rezasadjadian4603 3 роки тому +3

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

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

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

  • @markobudimir4153
    @markobudimir4153 3 роки тому +2

    Thank you so much, keep up the good work!

  • @Imaginary_World-k9m
    @Imaginary_World-k9m Рік тому

    This tutorial is very helpful for me 😘
    ThankU maam

  • @Bobheinlein
    @Bobheinlein 2 роки тому +1

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

  • @simform2415
    @simform2415 2 роки тому

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

  • @amosfalcon6190
    @amosfalcon6190 2 роки тому

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

  • @TheSpiralnotizblock
    @TheSpiralnotizblock 3 роки тому +1

    wow, thank you for this amazing tutorial!

  • @iAmStealty
    @iAmStealty 3 роки тому +2

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

  • @user-ds5kt7dz7k
    @user-ds5kt7dz7k 2 роки тому

    man really god bless you

  • @hamzasonalcan
    @hamzasonalcan Рік тому

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

  • @mirhosseinseednasiri3037
    @mirhosseinseednasiri3037 2 роки тому

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

  • @dansonchipili3357
    @dansonchipili3357 Рік тому

    Wow wonderful video indeed. Great work

  • @kuahara
    @kuahara Рік тому

    This is a very helpful video. Thank you.

  • @harryfriedman361
    @harryfriedman361 Рік тому

    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.

  • @allwinaugustine
    @allwinaugustine 3 роки тому

    Your channel deserve a lot more subscriptions...

  • @Loksy
    @Loksy 3 роки тому +1

    Thank you for this video.
    keep it up

  • @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

  • @jyotipandita8552
    @jyotipandita8552 4 роки тому +1

    Your voice is like Google Assistant😄

  • @inhthanhtung5199
    @inhthanhtung5199 2 роки тому

    thank you so much (from vietnam)

  • @Music-qm4pw
    @Music-qm4pw Рік тому

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

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

  • @g3lon0s
    @g3lon0s 6 місяців тому

    Could you do a video of styling with css?

  • @cedricsipakam2601
    @cedricsipakam2601 2 роки тому

    Verry well explained!

  • @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

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

  • @Jeffrich308
    @Jeffrich308 3 роки тому

    Very informative! Thanks!

  • @fatemenikkhah8780
    @fatemenikkhah8780 3 роки тому

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

  • @aaronjaffetgutierrez1345
    @aaronjaffetgutierrez1345 Рік тому

    Nice video, thanks for you help!!

  • @warwickrigby6894
    @warwickrigby6894 Рік тому

    Excellent tutorial.

  • @bharadhwaj2145
    @bharadhwaj2145 2 роки тому

    Very Great Tutorial
    Thanks a lot

  • @guytrout7101
    @guytrout7101 2 роки тому

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

  • @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 2 роки тому

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

  • @donny9748
    @donny9748 3 роки тому +1

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

  • @alejozen3457
    @alejozen3457 3 роки тому

    Your content is great!

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

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

  • @user-ds5kt7dz7k
    @user-ds5kt7dz7k 2 роки тому

    greate video

  • @arturoikkileon1159
    @arturoikkileon1159 2 роки тому

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

  • @xilin1063
    @xilin1063 2 роки тому

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

  • @Tri_3D
    @Tri_3D 3 роки тому

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

  • @onehokim563
    @onehokim563 4 роки тому +2

    you are so great

  • @sirishayemineni2080
    @sirishayemineni2080 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 ?

  • @yashchaurasia1830
    @yashchaurasia1830 2 роки тому

    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.

  • @zeyadrhadi2285
    @zeyadrhadi2285 3 роки тому

    very very Excellent

  • @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

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

  • @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 роки тому

    Excellent

  • @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

  • @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

  • @peejack2184
    @peejack2184 2 роки тому

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

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

  • @rubotok3703
    @rubotok3703 3 роки тому +1

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

  • @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

  • @carstenschmucker9140
    @carstenschmucker9140 3 роки тому

    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!

    • @carstenschmucker9140
      @carstenschmucker9140 3 роки тому

      Problem solved. Bad idea to use "save target as...." in github. Now it works...!

    • @gagankarnati643
      @gagankarnati643 Рік тому

      i had the same error but i fixed mine using chatgpt it took some time tho

    • @carstenschmucker9140
      @carstenschmucker9140 Рік тому

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

    • @gagankarnati643
      @gagankarnati643 Рік тому

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

  • @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

  • @gagankarnati643
    @gagankarnati643 Рік тому

    How do i store the usernames and passwords?

  • @aritramondal8452
    @aritramondal8452 3 роки тому

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

  • @nguyentu-mc5nl
    @nguyentu-mc5nl 3 роки тому

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

  • @mspsas12345
    @mspsas12345 3 роки тому

    The create button in your code is crashing

  • @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)

  • @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 3 роки тому

      Use QtGraphics. It's way better than turtle

  • @asapdexter6410
    @asapdexter6410 3 роки тому

    why not PySide2?

  • @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

  • @dedpihto680
    @dedpihto680 2 роки тому

    god damn it s fucking good

  • @randomNunber
    @randomNunber 4 роки тому

    Waiting for followup videos

  • @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

  • @زانغت_ساما
    @زانغت_ساما 3 роки тому

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

  • @user-ds5kt7dz7k
    @user-ds5kt7dz7k 2 роки тому

    1

  • @user-ds5kt7dz7k
    @user-ds5kt7dz7k 2 роки тому

    2

  • @MrFrankging
    @MrFrankging 3 місяці тому

    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 3 місяці тому

    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 ?

  • @user-ds5kt7dz7k
    @user-ds5kt7dz7k 2 роки тому

    man really god bless you

  • @user-ds5kt7dz7k
    @user-ds5kt7dz7k 2 роки тому

    greate video

  • @zeyadrhadi2285
    @zeyadrhadi2285 3 роки тому

    Excellent

  • @user-ds5kt7dz7k
    @user-ds5kt7dz7k 2 роки тому

    man really god bless you

  • @user-ds5kt7dz7k
    @user-ds5kt7dz7k 2 роки тому

    greate video