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

In this tutorial I will teach you how to create a custom "Toggle Button" with a modern interface where you can use it to replace the standard "QCheckBox" of Qt tools, using Qt Widgets.
In this Widget we can change its width, color and animation curve.
[ DOWNLOAD Source Code ]
🔗 Patreon: / wandersonismyname
Used in this project:
Python 3.9.1
PySide6 v6.0.2 (support PyQt6)
Qt Widgets
-----
//// DONATE ////
🔗 Donate (Gumroad): gum.co/mHsRC
//// PATREON ////
🔗 Patreon: / wandersonismyname
//// DISCORD ////
🔗 Discord: / discord
Subscribe to not miss any news from the channel.
See you in the next videos.
-----------------------------
Feather by Waywell / waywell
Creative Commons - Attribution-ShareAlike 3.0 Unported - CC BY-SA 3.0
Free Download / Stream: bit.ly/_feather
Music promoted by Audio Library • Feather - Waywell (No ...
-----------------------------

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

[@anhnhat35]

many thanks

[@HyeokKIM]

Wow Good lecture.

[@samansamani4477]

thank you

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

[@fun8402]

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

[@vpxnyy4476]

thx bro

[@umion9529]

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

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

[@MohamedGamal-mt7io]

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

[@sekiro_19]

rare video of creating toggle button with qt

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

[@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: kzbin.info/www/bejne/pnWThph6bLhlbdU

[@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"

[@VitorSilva-gi3lb]

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

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

[@urlanbarros]

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

[@oneleven112]

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.

[@rishabh152]

does it support pyside2 aswell..? @wanderson

[@nerophesis]

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

[@yura2110]

wah le lvl

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

[@terminalgoat232]

ok