TUTORIAL - Animated Toggle Button - [ Python, PySide6, Qt Widgets ] - MODERN GUI - Custom Widget

[@WandersonItsMe]

[ DOWNLOAD Source Code ]
🔗 Patreon: www.patreon.com/WandersonIsMyName
Free for everyone on GitHub in June 1st!

[@1mrnewton]

update: at 8:00
if you're using PyQt5,
use: pyqtProperty
instead of: Property

[@sukhmanpreetsingh-ev1oe]

Bro thank you so much. I was facing this problem

[@iwinter6614]

You don't even know how much I appreciate your work!
You helped me so much bro keep it up you're insanely skilled.

[@dursinear8761]

its incredible. You are mad man! Thank you!

[@israelluque3326]

I love you!!!
Very good explanation.

[@luvyana]

Thanks a lot. Learnt so much from this. Could you make a tutorial on how to make sliders with 2 3 controls (range sliders) if it's possible, that would be soooo amazing

[@umion9529]

Hello, I got an error : name Property is not defined. Where did you define it? Thanks

[@fun8402]

been wondering how to do this, I'll be at the premiere

[@KaladharGopal]

Sir, I am struggling with QThread, please a dedicated video on that on how can we use it with different widgets and to do background Processes ki doing internet speed test with speedtest library or playing sound with playsound instead of using Pyqt's own function, that would be helpful for other things too.

[@melsjagt5829]

What VScode extension are you using to automate blue font color for modules (e.g., QPainter(), QRect())? Great video btw!

[@WandersonItsMe]

Is Atom IDE theme, One Dark :D

[@HyeokKIM]

Wow Good lecture.

[@sekiro_19]

rare video of creating toggle button with qt

[@joelkklein8760]

I have a big question... when i put 2 or more widgtes... How I know in backend what widget change the status.. both tells the same..??

[@WandersonItsMe]

All widgets need an object name, like "self.button", "self.toggle", "self.label", so just use slots or events to get this objects. In this toggle button you can check using "statusChanged" or "isChecked"

[@anhnhat35]

many thanks

[@jacquesdefontaine8039]

Excellent Wanderson. Thank you! The only issue is I'm getting an syntax error at this function:
def hitButton(self, pos: QtCore.QPoint):
return self.contentsRect().contains(pos)
Thank you

[@jacquesdefontaine8039]

The error is [E0001] by the way

[@eugeneizmailov6815]

def hitButton(self, pos):
return self.contentsRect().contains(pos)

[@destroyer1926]

hi!
could you help me figure out how to implement an anchor in QT?

[@WandersonItsMe]

In this course I teach how to create layouts using anchoring in Qt Quick: ruclips.net/video/pD0UeD7S27s/видео.html

[@joelkklein8760]

Great video, I was trying to create one, But i want to know how use this widget in Qtdesigner, for use with other widgets in same window..

[@WandersonItsMe]

It is only possible to create custom widgets for Qt Designer using C++, unfortunately done in Python you cannot integrate it with your project, at least I believe it is not. This custom widget you need to add manually to your project, just like I did in the video

[@uysal1075]

If i got the problem right i think you can use your custom widgets in Qt Designer. After creating a custom python class like Wanderson did you can promote your regular button or other wigdets to your class. I hope i didnt cross the line.

[@VitorSilva-gi3lb]

Voce nao me engana wanderson, pq n grava em portugues wanderson, ta dicil wanderson,, aaaaaaaaah wanderson me ajuda ai cara

[@gergoborhegyi5388]

Why did you use Qframe As the container?

[@WandersonItsMe]

Because is just a simple test code, usually I'm using QWidget because is default in Qt.

[@gergoborhegyi5388]

Ohh okey. I just thought maybe Qframe has some secret capabilities that I didn't know about. Thanks. Wonderful video. I dont understand half of it but progress needs Time.

[@WandersonItsMe]

It wasn't for any special reason that I chose QFrame haha. Good studies!

[@urlanbarros]

Man, why does not exist a "switch bottom" integrated in Qt Designer?

[@blackjaquar]

Great work. You are a godsend!!! I've been following your work very closely.
I'm having a weird error : NameError: name 'Property' is not defined, although my code is identical to yours with the only difference is that I'm using PyQT5 rather than PySide6. Any help is appreciated.

[@lintionglau1199]

For PyQt5, use @pyqtProperty decorator rather than @Property

[@WandersonItsMe]

Yes, PyQt have some different classes like, pyqtSlot(), pyqtSignal(), pyqtProperty()... But works in the same way.

[@blackjaquar]

@@WandersonItsMe @LinTiong Lau, Thanks you for your response. It works beautifully now.

[@omaral-halabiah2851]

@@lintionglau1199 yes. and we have to add the following import
from PyQt5.QtCore import QObject, pyqtProperty

[@rishabh152]

does it support pyside2 aswell..? @wanderson

[@nerophesis]

trying to implement in maya with pyside2, kinda not working for me :S

[@samansamani4477]

thank you

[@MohamedGamal-mt7io]

Can you send me a link to the desktop picture because it is beautiful I like it?

[@w8n9z3]

I cannot use the button on the whole surface

[@joelkklein8760]

Hi, this widget is only for pyqt6??

[@WandersonItsMe]

Hi,
No! its was made using PySide6, but works with previous versions. To work with PyQt you need to change @Property to @pyqtProperty.

[@vpxnyy4476]

thx bro

[@yura2110]

wah le lvl

[@terminalgoat232]

ok