PyQt5 Designer + Python Stacked Widget Walkthrough

In this tutorial, I present a really quick Stacked Widget design using PyQt5.
I step through how to build the stacked widget app in Qt5 Designer, why using a stacked widget is a great choice for development, how to import your UI file into PyCharm (including how to convert it from XML to Python) and then how to code the Python side of things to get the application functioning.
This is a complete walk through of the process from opening Qt5 Designer all the way through to running the app in PyCharm.
Music: Smile by BenSound.

[@peekaboo6026]

Ohhh myy God. I can't thank you enough bro... I looked entire youtube for this video. You saved my calculator multi window project

[@JekyllHydeTutorials]

Glad it was able to help in some way!

[@filmingle6227]

Loved this vid! You are a great programmer, thought-through and well-explained videos. Thank you for this. Subscribed with all notificaions.

[@JekyllHydeTutorials]

Awesome, thank you!

[@ministawilly]

This really helped. Thank you! You just earned a follower 🎉

[@RiadhBoutarfa]

New subscriber! Thanks a lot, keep up the good work.

[@shobhitsylvester7330]

That was wonderful. Thank you.

[@AbdulWahab-kk1hs]

This is what I needed! Thanks mate

[@JekyllHydeTutorials]

Perfect mate! Really appreciate the feedback. What component would you want next?

[@botambucollins3769]

@@JekyllHydeTutorials i have big problem with displaying item on table in PyQt5, e.g, u have 6 qpushbuttons, each button represent a product and price,i want a situation where when a button is clicked it display the product name and price, if click twice, it will doubt price and qty, if i could contract personally i will, please look it to this.thanks

[@AntonioRodriguez-fv6vt]

Very useful! Thank you mate

[@JekyllHydeTutorials]

Thanks mate! Appreciate the support!

[@DannielaPintoD]

the best tutorial

[@JekyllHydeTutorials]

Thank you! What sort of thing would you want next?

[@abdulrahmanatwah1727]

Amazing, Thanks man !

[@enacheandrei7932]

Mate, I really hope you get more views. Cheers!

[@JekyllHydeTutorials]

Probably just need to get more videos up first!

[@madjiddjennane7788]

thank's for the video. It was very useful. i want to ask you a question, if i want to divide my app to several classes that correspond to each widget (blue, red, yellow) how could i perform that ?

[@josemadarieta865]

i just spent 50 bucks on a book and udemy courses for this exact use case. subscribed

[@JekyllHydeTutorials]

I will push out a little more content in the coming while. Just hope it helps.

[@johnemanuelalamares2206]

u deserve more subs

[@JekyllHydeTutorials]

Thanks mate, I appreciate the compliment!

[@user-fi2ty4bm2n]

Hi, thank you so much for the tutorial for the stacked widget. I have a question, though. Is that the convention to convert the UI file into a py file, and import it into the coding file? Thanks. Since I could do like this without convertion: ``` from PyQt5.uic import loadUi class MainWindow(QMainWindow): def __init__(self): super(MainWindow, self).__init__() self.ui = loadUi('stack_widget.ui',self) self.ui.stackedWidget.setCurrentWidget(self.ui.home) ``` The rest of the code would be the same.

[@camellia3698]

thnks bro, this one help me

[@JekyllHydeTutorials]

No problems mate! Happy to help!

[@prashkd7684]

I like the way Australians explain things.

[@JekyllHydeTutorials]

Thanks mate. Just hope it helps!

[@sarimbinwaseem]

Great video so far but I am really itching to comment that hopefully you have learned that arrow keys and tab are your best friends when typing commands... BTW really helpful video...

[@hisheighnessthesupremebeing]

@JekyllHydeTutorials .. why did you start with a "Main Window" and remove the menubar and statusbar instead of starting with a "Widget"?

[@JekyllHydeTutorials]

Force of habit that one!

[@hisheighnessthesupremebeing]

@@JekyllHydeTutorials ah ok.. I am new to all this gui stuff so I thought that there might be som reason for doing it this way .. maybe som extra stuff happening hidden in the background.... anyway thanks for the reply

[@oguzturkyilmaz543]

Thanks mate

[@JekyllHydeTutorials]

No worries. Happy that the content helped.

[@jsctohfish293]

hello sir, i have 1 trouble when working with QStackedWidget, i can't align it to center, for details I have a Frame, I put Labels and Widgets in it and they're all center align, but when i add QStackedWidget, itself and all my labels has been aligned to top-left, please help me thank you very much

[@lynx0001]

can i put buttons on stacked widget and change page on these buttons? btw very useful and good video and i like your desktop, maximum of minimalism, love that

[@JekyllHydeTutorials]

Anything on the stacked widget can be programmed to perform a function. Just need to be mindful, that if you are using the functionality of the stacked widget for a menu, you need a way to get the menu visible again. I stripped the desktop back a while ago. I run a series of images now rather than the plain black but for a time there it was my favourite!

[@Life-zx5wp]

nice ^^

[@rithika6077]

So I have a few push buttons on one page of the stacked widget and When it is clicked I want another page to get displayed. I have tried every possible method, it doesn't seem to be working.

[@JekyllHydeTutorials]

A couple of options. Specifically I would start by looking at making sure that the names of the widget pages match the section in your code.

[@RakaZet]

Hi, did you manage to find the solution? I'm having the exact same problem.

[@tomh12341]

if i want to connect a tool bar icon to move between pages the concept will be the same?

[@JekyllHydeTutorials]

My understanding is that they would function very similarly.

[@GoodBoyDanny]

this is great although I am getting weird error with PyQt5.QtWidgets no name in the module

[@JekyllHydeTutorials]

Potentially a couple of different issues here. Could be that the way you are referencing the packages doesn't align between how they're imported and how they're called in the code. Or potentially you might have named the components of your interface differently to how they're referenced in the Python code. If you can share your code in the comments here I can take a look.

[@botambucollins3769]

thanks man, how to contact u?

[@gamdgdn7884]

PS C:\Color.Swi tch.Tutona> pyuic5 MainWindow.ui -o ui_Mainwindow.pycd '"C:\Users\Tarek\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Python 3.9\python"' is not recognized as an internal or external command, operable program or batch file.

[@cloudzy7972]

i sold your kindle.

[@Jdeadevil]

Today I learned you don't have to install modules for each individual project, you can just use your existing Python install. Omg..