At first I was like "What are these damn QFrames for he's adding hundreds of them", and in the result I found that all widgets which have great positions with suitable spaces are based on those QFrames in different layouts; You're a TRUE UI designer!
Hi. Im new to qt and just started working on a project. I have menu bar with buttons, but have yet to figure out how to change content in body. I have previously worked with vue where this was done with routers, but dont know where to start in qt. Im using c++, not python
Hi, I unfortunately don't know anything about C ++, everything I learned about Qt for Python was studying alone and reading the official documentation, maybe it will help you: doc.qt.io/archives/qt-4.8/stylesheet-reference.html
Maybe you can make an example where the * MainWindows * has a slightly transparent background. For example if I am seeing a blue image and I open the software window it should have a slightly blue background, if the image is green the software should show that green color a bit. I hope you let me understand. That way the groove music windows 10 options bar works.
Hi, unfortunately like Groove is not possible, this effect is called "acrylic brush" and is available in the C# UWP tools, it is also possible with WPF making some adjustments. Qt Unfortunately, I don't think you have that possibility, just with transparency, which is not so cool.
C'est bien fait et expliqué, je ne pensais pas que c'était possible. Merci pour la vidéo. Do you know how to make circular progress bar with pyqt5 ? A lot of thanks. Merci
I think that only using canvas, I don't know if this feature exists natively and I don't know about it 😕. I did a circular progress bar recently, but in WPF.
Hi! Great video! I've been following some of your videos and they really helped me! For this particulary video, I did what you show, but my GUI is kind of minimalist (just like the one you make for the Custom Title Bar video), so I would like to know If there is a way to make the toggle menu fully hiden? I've tried changing my buttons setVisible property, but it makes the animation look weird. Thanks!
For anyone having this same issue, I solved it by breaking the frame_left_menu layout(I was using a vertical LayOut). You will need to set each button's position manually
Now that your project is done, is there a way I can add another frame to the central widget? I tried to do it in my project but I can't and don't want to redesign another gui by adding one more qframe. I have been able to add other elements within qframes but not within the central widget.
Parabéns pelo trabalho, ficou muito legal esse projeto. É possível inserir ícones ao invés de texto nos menus? Pra colocar o icone do Burguer ao invés da palavra TOGGLE. E também seria possível colocar apenas um ícone quando o menu estiver retraído e mostrar o texto quando expandir?
Fala mano, vlw mesmo 😄. E sim, é possível. Fiz um vídeo mostrando inserir imagens e converter e resource. Fiz com imagens nesse projeto, se quiser baixar para estudar como tudo funciona: th-cam.com/video/iaIooM9FlRI/w-d-xo.html Nesse vídeo mostro como inserir images: th-cam.com/video/8V0l-Ds7VXY/w-d-xo.html
I had the same problem. Many methods in the StackFlow were attempted, but the import error could not be resolved. Anaconda reinstallation and all libraries have been successfully reinstalled. It was settled after that. I don't think it's just a path problem.
Hi wanderson. I am learning lot from your tutorials. I have a query regarding Loading a UI in python. Whats the difference between loading a ui via QUiLoader.load() and via compiling UI file into py and than loading it (In the way you do it in your videos) ? Thanks in advance.
Thank you. I downloaded the code but how can I change the Menu/Page Names? I have main.py, ui_functions.py, ui_main.py, ui.main.ui. Where do I find it?
Excelente Mano! Me ajudou bastante.. agora será que eu consigo fazer isso tudo num EXE só? usando pyinstaller ou py2exe algo do tipo? Ja usei o pyinstaller mas era 1 arquivo.py bem simples..
Eae, por algum motivo meu programa sempre inicia na página 3, sabe o que poder ser ? Se possível, pode fazer um vídeo mostrando como troca de tela ? Tipo, tem aquele vídeo seu que você cria uma tela de login, daí você podia aproveitar ele e mostrar como passar daquela tela, pra essa por exemplo ao colocar login e senha. Parabéns pelos vídeos, são muito bons e obrigado por disponibilizar os códigos, estão me ajudando muito mesmo.
Vlw mano, e que bom que tenha ajudado. Basta salvar no Qt Designer em formato .py deixando a primeira página em destaque, fiz um vídeo esse sabado mostrando isso até. Caso ai não sirva basta setar sua página inicial que desejar antes da interface iniciar como mostro no vídeo. Ai em vez de usar a função no botão, use ela fora do escopo dela para chamar a página que quiser: th-cam.com/video/RYdAf2NH0TY/w-d-xo.html
@@WandersonItsMe Eu vi esse vídeo, mas o meu Qt design não tem essa opção, eu tenho que converter o arquivo na mão pra python e depois converter pra pyqt5 trocando os imports. Pode explicar como faço pra surgir essa opção de converter pra python direto do qt design ?
@@augustoruviaro7345 sim mano, quando vc instala o PySide2 ele instala junto o Qt Designer, essa versão dele é a oficial para o Python, então para facilitar eles fizeram essa opção que já gera o código convertido.
Nice video..! I need help in changing pages through toggle menu can you make a video or give me a hint or something I am really struggling with it..thanks in advance😃
Thank you for this video and source code! I'm studying PySide2 and wonder why doesn't circular import error ouccur even though main.py import ui_functions.py and ui_functions.py import main.py.
In Python this is common at the beginning and a bit confusing too, read on: stackoverflow.com/questions/744373/circular-or-cyclic-imports-in-python At Stackoverflow there are several speeches on this subject.
@@WandersonItsMeYes, I encountered this issue.. builtins.ImportError: cannot import name 'UIFunctions' from partially initialized module 'ui_functions' (most likely due to a circular import)
hi bro, i have a problem with the animation part. im able to expand the frame but unable to reset it.i tried my own way didnt work.then i used your method still didnt work.would be happy to find a solution.
Hi, you checked your code with original? github.com/Wanderson-Magalhaes/Toggle_Burguer_Menu_Python_PySide2/blob/master/ui_functions.py Because have so many causes to this problem.
@@WandersonItsMe thank you so much for replying. My problem is a lot simpler,i made a mistake in layout while designing. So it couldnt revert back to size. Is it neccesary to place the stacked widget inside another frame? i cant align layout of stacked widget like you did Edit:nevermind i had serious problem with frames.i figured it out,thanks for the awesome Video
Hello Wanderson, I tried out your example with the functions from your git but I get some weird error: "File "/Users/johanbjork/Documents/programmering/repos/test/ui_main.py", line 18, in setupUi MainWindow.setMinimumSize(QtCore.QSize(1000, 500)) TypeError: 'PySide2.QtWidgets.QWidget.setMinimumSize' called with wrong argument types: PySide2.QtWidgets.QWidget.setMinimumSize(QSize) Supported signatures: PySide2.QtWidgets.QWidget.setMinimumSize(PySide2.QtCore.QSize) PySide2.QtWidgets.QWidget.setMinimumSize(int, int)" Might it be due to a version of PyQt5? I'm new as PyQt and find the documentations to be quite hard to understand, so I thought watching your videos would be a good start to learn instead. Thank
@@WandersonItsMe Hi , Thank you very much for answering. For the first time, a person with 1.5 million subscribers answered me, but I already found a problem
@@WandersonItsMe i accidently used the qt desinger from the pyqt5 not the pyside2 folder... The video was great tho(edit: my qt designer only outputs c++ code even if i select :" view as python code"(second edit lol: i fixed the problem by creating a new bin folder in the Pyside2 folder and just putting the content of the Pyside2 folder in the bin folder in the Pyside2. my pip installer really is broken lol)
![Python, PySide2, Qt Designer - Custom Title Bar [Modern GUI / Flat GUI] (Time-lapse Video)](http://i.ytimg.com/vi/wQfKamzV1uQ/mqdefault.jpg)
![Python, PySide2, Qt Designer - Custom Title Bar [Modern GUI / Flat GUI] (Time-lapse Video)](/img/tr.png)
![Python - Splash Screen - Modern Gui [Qt Designer, PySide2/PyQt5] (Time Lapse Video)](http://i.ytimg.com/vi/Ap865V3sAdw/mqdefault.jpg)
At first I was like "What are these damn QFrames for he's adding hundreds of them", and in the result I found that all widgets which have great positions with suitable spaces are based on those QFrames in different layouts; You're a TRUE UI designer!
thanks for an awesome tutorial. I'm currently doing a school project right now and this video really helps me a lot. 😊
Not even kidding like you make such good videos man you have some talent
Broooo!!!!! Your videos are fire!! You should consider creating a tutorial series for Qt Designer 100% subscribed
A cada vídeo um novo aprendizado com seus vídeos, parabéns mano
You are amazing and you have helped me so many times, Thank you so much.
Thanks very much bro. You are a life saver. This helped me way too much!
Thank you for sharing this!! This looks so much more fun than web design. :)
Very interesting ! Thank you brother !
great tutorial for beginner, thanks a lot
Excelente Wanderson, parabéns
Vlw Emerson. Muito obrigado.
Muito bom tutorial, tão intuitivo que não tive problemas em adaptá-lo ao QTCreator com C++. Parabéns pelo trabalho.
thank you man, you are a blessing.
one word: brilliant
Thanks man 😀
wooooww great tutorial, really appreciate this, thank u
06:51 I can't view python code in pt designer. My version of designer is 5.9.7.. How can I make ui_main.py?
This a function of Qt Designer PySide2 version: pypi.org/project/PySide2/
@@WandersonItsMe Thanks! I solved it!!
Good information
Nice Bro! (from Brazil)
Também sou brasileiro mano. Seja bem vindo! 😀
Quick question, why have you provided enabled as a parameter? (11:35). It must always be true each time the button is clicked right?
Hi. Im new to qt and just started working on a project. I have menu bar with buttons, but have yet to figure out how to change content in body. I have previously worked with vue where this was done with routers, but dont know where to start in qt. Im using c++, not python
Hi, I unfortunately don't know anything about C ++, everything I learned about Qt for Python was studying alone and reading the official documentation, maybe it will help you:
doc.qt.io/archives/qt-4.8/stylesheet-reference.html
@@WandersonItsMe I will do my best, thank you
Maybe you can make an example where the * MainWindows * has a slightly transparent background. For example if I am seeing a blue image and I open the software window it should have a slightly blue background, if the image is green the software should show that green color a bit. I hope you let me understand.
That way the groove music windows 10 options bar works.
Hi, unfortunately like Groove is not possible, this effect is called "acrylic brush" and is available in the C# UWP tools, it is also possible with WPF making some adjustments. Qt Unfortunately, I don't think you have that possibility, just with transparency, which is not so cool.
Thanks for the vid
C'est bien fait et expliqué, je ne pensais pas que c'était possible. Merci pour la vidéo. Do you know how to make circular progress bar with pyqt5 ? A lot of thanks. Merci
I think that only using canvas, I don't know if this feature exists natively and I don't know about it 😕. I did a circular progress bar recently, but in WPF.
Parabéns !! Assim fica fácil de fazer, agora é só corte e cola kkk
Can you tell me what needs to be modified to make the selected page highlighted, as it happens when you hover the mouse over it?
You should start a tutorial series. It will ne very helpfull for us.
EXCELLENT
Pleasee create a tutorial series, its so good to see great UI like these done in python
Yes, I will create soon 😀❤
Wanderson, Você ja tentou fazer um menu estilo Ribbon com esse visual moderno?
Ainda não, porém acho que em breve terei que criar algo nessa linha.
Hi! Great video! I've been following some of your videos and they really helped me! For this particulary video, I did what you show, but my GUI is kind of minimalist (just like the one you make for the Custom Title Bar video), so I would like to know If there is a way to make the toggle menu fully hiden? I've tried changing my buttons setVisible property, but it makes the animation look weird. Thanks!
For anyone having this same issue, I solved it by breaking the frame_left_menu layout(I was using a vertical LayOut). You will need to set each button's position manually
Now that your project is done, is there a way I can add another frame to the central widget? I tried to do it in my project but I can't and don't want to redesign another gui by adding one more qframe.
I have been able to add other elements within qframes but not within the central widget.
By the way, I really like your projects, I learned interesting things
The best way would be to create a project from scratch. Adding this function now may break your entire interface.
i am unable to use vertical layout option in PyQt5... What to do?
Parabéns pelo trabalho, ficou muito legal esse projeto. É possível inserir ícones ao invés de texto nos menus? Pra colocar o icone do Burguer ao invés da palavra TOGGLE. E também seria possível colocar apenas um ícone quando o menu estiver retraído e mostrar o texto quando expandir?
Fala mano, vlw mesmo 😄. E sim, é possível. Fiz um vídeo mostrando inserir imagens e converter e resource.
Fiz com imagens nesse projeto, se quiser baixar para estudar como tudo funciona:
th-cam.com/video/iaIooM9FlRI/w-d-xo.html
Nesse vídeo mostro como inserir images:
th-cam.com/video/8V0l-Ds7VXY/w-d-xo.html
I have this problem.
ImportError: DLL load failed while importing QtCore: The specified module could not be found.
I had the same problem. Many methods in the StackFlow were attempted, but the import error could not be resolved.
Anaconda reinstallation and all libraries have been successfully reinstalled. It was settled after that. I don't think it's just a path problem.
Hi wanderson. I am learning lot from your tutorials. I have a query regarding Loading a UI in python. Whats the difference between loading a ui via QUiLoader.load() and via compiling UI file into py and than loading it (In the way you do it in your videos) ? Thanks in advance.
I don't like to use UI files without convert to Python, I have a lot of problems to try execute runtime events using UI
Hi, Is there anyway to get in contact with you? I found one of your repo on GitHub and would love to ask you a few questions!
Hi man, post your questions here, maybe help others 😃. I don't work with programming
I have an error in ui_functions name 'Mainwindow' is not defined
I'm still new to programming in python and I must ask, how do you modify the content in page 1 etc. ?
Thank you. I downloaded the code but how can I change the Menu/Page Names? I have main.py, ui_functions.py, ui_main.py, ui.main.ui. Where do I find it?
Thanks thanks thanks ❤❤❤
very useful
Excelente Mano! Me ajudou bastante.. agora será que eu consigo fazer isso tudo num EXE só? usando pyinstaller ou py2exe algo do tipo? Ja usei o pyinstaller mas era 1 arquivo.py bem simples..
Eae, por algum motivo meu programa sempre inicia na página 3, sabe o que poder ser ?
Se possível, pode fazer um vídeo mostrando como troca de tela ? Tipo, tem aquele vídeo seu que você cria uma tela de login, daí você podia aproveitar ele e mostrar como passar daquela tela, pra essa por exemplo ao colocar login e senha.
Parabéns pelos vídeos, são muito bons e obrigado por disponibilizar os códigos, estão me ajudando muito mesmo.
Vlw mano, e que bom que tenha ajudado. Basta salvar no Qt Designer em formato .py deixando a primeira página em destaque, fiz um vídeo esse sabado mostrando isso até.
Caso ai não sirva basta setar sua página inicial que desejar antes da interface iniciar como mostro no vídeo. Ai em vez de usar a função no botão, use ela fora do escopo dela para chamar a página que quiser:
th-cam.com/video/RYdAf2NH0TY/w-d-xo.html
@@WandersonItsMe Eu vi esse vídeo, mas o meu Qt design não tem essa opção, eu tenho que converter o arquivo na mão pra python e depois converter pra pyqt5 trocando os imports. Pode explicar como faço pra surgir essa opção de converter pra python direto do qt design ?
@@augustoruviaro7345 sim mano, quando vc instala o PySide2 ele instala junto o Qt Designer, essa versão dele é a oficial para o Python, então para facilitar eles fizeram essa opção que já gera o código convertido.
Nice video..! I need help in changing pages through toggle menu can you make a video or give me a hint or something I am really struggling with it..thanks in advance😃
Hi man 😃. Done! th-cam.com/video/RYdAf2NH0TY/w-d-xo.html
Thank you for this video and source code! I'm studying PySide2 and wonder why doesn't circular import error ouccur even though main.py import ui_functions.py and ui_functions.py import main.py.
In Python this is common at the beginning and a bit confusing too, read on:
stackoverflow.com/questions/744373/circular-or-cyclic-imports-in-python
At Stackoverflow there are several speeches on this subject.
@@WandersonItsMeYes, I encountered this issue.. builtins.ImportError: cannot import name 'UIFunctions' from partially initialized module 'ui_functions' (most likely due to a circular import)
hi bro, i have a problem with the animation part. im able to expand the frame but unable to reset it.i tried my own way didnt work.then i used your method still didnt work.would be happy to find a solution.
Hi, you checked your code with original? github.com/Wanderson-Magalhaes/Toggle_Burguer_Menu_Python_PySide2/blob/master/ui_functions.py
Because have so many causes to this problem.
@@WandersonItsMe thank you so much for replying. My problem is a lot simpler,i made a mistake in layout while designing. So it couldnt revert back to size.
Is it neccesary to place the stacked widget inside another frame? i cant align layout of stacked widget like you did
Edit:nevermind i had serious problem with frames.i figured it out,thanks for the awesome Video
@@ploppyploo Hi, what did you do to fix the design? I am having the same issue right now but I'm not sure how to fix it
Thank's 😍😍
Bro, who suggested you to keep this loud background music?
These are TH-cam's non-copyrighted audios. Only for video not be without any sound.
Can anyone explain why we need to add "lambda:" when we connect the button to the toggleMenu function?
Hello Wanderson, I tried out your example with the functions from your git but I get some weird error:
"File "/Users/johanbjork/Documents/programmering/repos/test/ui_main.py", line 18, in setupUi
MainWindow.setMinimumSize(QtCore.QSize(1000, 500))
TypeError: 'PySide2.QtWidgets.QWidget.setMinimumSize' called with wrong argument types:
PySide2.QtWidgets.QWidget.setMinimumSize(QSize)
Supported signatures:
PySide2.QtWidgets.QWidget.setMinimumSize(PySide2.QtCore.QSize)
PySide2.QtWidgets.QWidget.setMinimumSize(int, int)"
Might it be due to a version of PyQt5? I'm new as PyQt and find the documentations to be quite hard to understand, so I thought watching your videos would be a good start to learn instead. Thank
*How do I convert my PySide or PyQt programs into Android Applications?*
Can you show us how to do this using C++? or can you give some tip how to do this in qt5 c++
thanks a lot Bro
Eu adorei o tutorial, só tive um problema, em que os botões não expandem junto da janela
How can I change the content viewed on each page ?
Maybe this video can help you: th-cam.com/video/RYdAf2NH0TY/w-d-xo.html
@@WandersonItsMe this helped me thank you, keep up the great work, everything you create looks beautiful 👌
wanderson como configuro para visualizar o código python do mainwindow?
Não entendi bem mano, quando diz configurar seria qual código no caso?
@@WandersonItsMe vi que vc gera o código python do janela automaticamente
great
MORE MORE MOREMORE PLEASE
Actually thank you, 24 hours later I've made it look SO good. You are the only person on the internet who was actually able to help me.
Muito legal! Queria conversar contigo sobre uma oportunidade de trabalho. Como consigo te contatar?
Fala Pedro, tudo bem? Infelizmente não trabalho com programação cara, é apenas hobby e para automatizar algumas ferramentas de trabalho.
We demand a full project tutorial.
I have 😀: th-cam.com/video/pD0UeD7S27s/w-d-xo.html
What python version do you use here, bro?
I'm using the version 3.8.2
Parabens pelo conteudo para desenvolvimento de sistemas com pyside preciso pagar a licença
Благодарю!
hello I have a problem can you help me?
Hi, whats the problem? 😀
@@WandersonItsMe Hi ,
Thank you very much for answering. For the first time, a person with 1.5 million subscribers answered me, but I already found a problem
Cara muito bommmm eu queria dar 1000 likesss se pudessee
Vlw mano 😃. Que bom que o vídeo tem ajudado.
não consigo usar esse layout alignment :v
Looks cool, but there's no hamburger ;
Is a rectangular burguer hahaha
If you want to work with it try with 0.25×.
it didnt work because it couldnt view it as python code :(
I couldn't understand what your problem is, could you explain in more detail?
@@WandersonItsMe i accidently used the qt desinger from the pyqt5 not the pyside2 folder... The video was great tho(edit: my qt designer only outputs c++ code even if i select :" view as python code"(second edit lol: i fixed the problem by creating a new bin folder in the Pyside2 folder and just putting the content of the Pyside2 folder in the bin folder in the Pyside2. my pip installer really is broken lol)
@@drip7547 Haha. Glad you found the problem. Only the Qt Designer version of PySide2 has the option to export in Python
O br vai la e poe o video em ingles pra dificultar pra mim 👌
Qual o problema?
WTF