The ultimate introduction to modern GUIs in Python [ with tkinter ]
ฝัง
- เผยแพร่เมื่อ 22 มี.ค. 2023
- This tutorial covers everything you need to know about user interfaces in Python. I will go over all of tkinter, Python's default GUI framework, cover all the basics and then create a BMI app, a calculator and a photoshop style image editor.
If you enjoy this course, consider buying the tutorial that covers 7 additional apps: A responsive weather app, the ios stopwatch, a stock market tracker, a map viewer, a paint app, a snake game and qr code generator.
Link to the paid course:
www.udemy.com/course/learn-py...
Other social stuff
Patreon - / clearcode
Twitter - / clear_coder
Discord - / discord
Code:
github.com/clear-code-project...
Timestamps:
00:00:00 - Intro
00:01:05 - Overview of tkinter + demo app
00:21:27 - Basic widgets
00:40:36 - Gettings and setting widget data
00:54:19 - Tkinter variables
01:06:06 - Buttons
01:32:34 - Buttons with arguments
01:40:37 - Events
01:53:40 - Combobox & Spinbox
02:10:08 - Canvas
02:34:41 - Treeview (Tables)
02:49:24 - sliders
03:08:49 - Frames & parenting
03:20:30 - Tabs
03:27:52 - Menus
03:46:51 - Customizing the window
04:04:28 - Layout intro
04:22:29 - Pack
04:46:18 - Pack + Parenting
05:01:46 - Grid
05:24:30 - Place
05:45:20 - Understanding widget sizes
05:51:34 - Stacking widgets
06:01:07 - Toggling widgets
06:17:28 - Combining layout methods
06:36:59 - Using classes
07:05:21 - Creating widgets in classes
07:25:56 - Responsive layouts
07:56:51 - Understanding scrolling
08:17:47 - Creating a scrollable frame
08:49:39 - Multiple windows
09:03:04 - Styling
09:17:50 - Using themes
09:25:49 - Colors
09:34:28 - Customtkinter
09:54:17 - Creating a ctk app
10:00:42 - ttkbootstrap
10:13:42 - ttkbootstrap editor
10:16:55 - ttkbootstrap extra widgets
10:40:11 - Animating widgets
11:11:03 - Using images
11:42:59 - Image animations
12:15:34 - Changing the title bar color
12:27:12 - BMI setup
12:36:54 - BMI widgets
13:01:04 - BMI functionality
13:16:01 - Metric units
13:24:57 - Imperial units
13:43:09 - Calculator setup
13:57:58 - Output labels
14:10:31 - Button setup
14:25:16 - Image buttons
14:34:58 - Number buttons
14:47:38 - Math buttons
15:00:32 - Calculator logic
15:21:45 - Extra operations
15:33:02 - Editor setup
15:46:19 - image import
15:57:28 - Scaling the image
16:10:39 - Closing the image
16:16:45 - Creating the menu
16:34:26 - Manipulating the image
16:56:17 - Managing the menu data
17:23:39 - Applying the effects
17:42:28 - Reverting the effects
17:53:44 - Creating the export panels
18:14:43 - Exporting the image
You can get the course here: www.udemy.com/course/learn-python-by-creating-10-apps/?referralCode=E9A57E5281220E6E8396
many thanks. am 80% into your game dev with python course. paid for that one. am happy i was able to snag this. but will surely support 🎉
I bought your course after watching the first ten minutes of this video. Is there any additional information on the Udemy course that isn't in this video(other than the additional projects)?
@@iporkedyourdog there is more in depth the course than this video , even though the course has 7+ extra course
Will you make it available for udemy business as well?
Need time stamps man and thank you for this video.
massive respect to anyone who uploads 18 hours of tutorials for free
"ANYONE" Even Taylor swift
Almost eighteen and a half hours of Tkinter introduction, and I'm not even through with the ultimate Pygame course yet. This is gonna be a looong week. 😵💫
At least worth it!
Welp. I’m your project check up bot, did this one get shoved in a folder with the rest?
@@Heynmffc lmao
Only 1 week? Took me like 4 weeks. And learned pygame in like 3 days ( Still a beginner tho.).
@@HeynmffcNo, after some time listen to this I made a new folder for this.
Sometime II will really watch this.
You deserve everything! Glad to see you back!
good to hear from you as well :)
Thanks for this tutorial. Really appreciate your work.
Thank you so much! :)
English isn't my native but your explanation is so clear, that helps me that understand everything, thanks.
Day 1 : 32:46 (maked a app which can convert hour into minute or seconds and a app which can shutdown ,restart ,hibernate and logout the pc with os module )
Day 2 : 1:06:07 (Learned some concepts like -> window and widgets , getting widgets data and changing it , Tkinter Variable)
Day 3: 1:32:43 (I learn the concepts of buttons and the Exercise is kinda hard but i was able to do it)
Day 4 : 2:34:43 (Learned just too much about canvas i had to revise it but i maked a app which can make rectangle if press on rectangle button and it can also let you colour the object which a combobox and you can also change the colour of canvas by a combo box and a button and also you can make circles line and polygons)
Day 5 : 2:40:51 (Not learned so much this day cause of some problems but yeah i am happy that i growed a little and yeah i also maked a app that shows random numbers and random names)
Day 6: 3:04:00 (Learned about Treeview , sliders and scroll text and maked a Contact App)
Day 7 : 3:25:00 (Learned about tabs)
Day 8 : 3:40:00 (Learned about Menus it's a pretty hard one but understands it)
Day 9 : 4:00:00 (Learned about window attribute it's really helpful in some programs also tried to make a table app and it's bit successful)
Day 10: 4:14:00 (Not learned too much cause i am solving the problem i have while making the table app and yeah because of school work two but still I growed a little that's all matters)
Day 11 : 4:26:10 (Couldn't be able to understand the concept of grid but i think when i know it more deeper then i can understand it but for now everything is good i am consistent and i think i will for several weeks cause after that course ended)
Day 12 : 5:01:50 (Really pack is a very good methond we can make many thing from that but i am looking forward to learn about grid which i couldn't be able to understand earlier)
Day 13: 5:12:30 (I think i make mind too comfortable and that's because i don't did work before time and the day is also sunday but yeah i worked a lot and barely saved the time to code but i want to become consistent and actually i am gonna revise can will in packing methonds)
Day 14 : 5:30:04 (When i maked a basic painting app in canvas excercise i maked a slider in it and when i increase the brush size by the mouse wheel slider also increase and if i less the slider manually then brush size also becomes low and high and the biggest problem is slider also keeps increase if i push mouse wheel forward i solved it and learned about grid and place i am upgrading little by little)
Day 15 : 6:00:20 (Learned about widget size and how to stack them and yeah also place methond)
Day 16 : 6:17:38 (Pretty excited for next topic cause it looks cool and also one thing i am afraid of is that tommorow is my birthday and i don't want to become inconsistent)
Day 17 6:30:43 (I didn't miss this day i am grateful that i am consistent and yeah birthday really means nothing and birthday is not even important)
Day 18 6:41:05 (Right now i am learning about classes but i don't understand classes so easily so i am first going to watch the class tutorial of clear code and yeah i'll give progress here)
Day 19 29:00 (Learn basics about the classes whenever i start to learn a new thing i always become so excited about that BTW link for the classes: th-cam.com/video/_vr5faCXFo8/w-d-xo.html)
Day 20 54:16 (Learned about dunder methonds and how really methonds and whatever we make in python is a object and it's awesome)
Day 21 1:11:41 (It's little bit complex but completed it and and also completed the excercises)
Day 22 1:23:00 (Very close to end this BTW learn inheritance)
Day 23 1:35:57 (Oh the inheritance was quite powerful and Epic)
Day 24 1:45:00 (Almost on the end)
Day 25 1:54:02 (Understanded it )（(￣︶￣)）
Day 26 (Completed it)
Day 27 7:14:04 (The classes are really complicated but understanded it)
Day 28 7:26:02 (Now classes are really becoming easy)
Day 29 ( I am currently making a calculator i maked the layout and some logic for this project i am taking a rest from the video but yeah i all give the update here)
Day 30 (Created it and it have kinda a good looking GUI but it is not perfect)
Day 32 (I created it it have a good looking GUI you can control it by your keyboard and like it have everything that i wanted)
Day ?? (i really took a long break cause i have so much study pressure on me cause i am in 11th but i am gonna start it and i will guarantee complete it )
Day 33 7:56:55 (The Hardest topic i've ever learned really my mind just blowed up but it's ok"
Finally reached 10:00:00 Learning about style after that a project is coming so excited for that and i will update it at next achievement
11:42:59 you can do it in easy way the way clear code showed is too complex
So here's my way :
well it's long so if you want it comment
12:22:35 Nothing seems normal here 💀
15:34:03 Finally Completed Two projects and i am really impressed by the code organization in calculator now only 3 hours of the video is remaining
at 17:23:34 You know no one really read this comment that's why i don't add updates about everthing but yeah i am almost going to complete it and i also make a project for calendar and it's really good
You quit?
@@immasnarl292No just stop writing and i am currently on scrolling
i CANT BELIVE IT
18 hours of RAW knowledge
great job
keep it up
This level of dedication is crazy - thanks for all your hard work!
There's a quirk in the Spinbox exercise at 2:09:53 where it is not behaving as intended.
Instead of printing the current value of the Spinbox after you decrement, it's printing the value you just decremented from. (When you go from B to A, it prints B when we actually want A).
This is because when you use bind() to trigger a function, it executes *before* the StringVar is changed and the widget is updated.
The order goes like this:
- StringVar is 'B' and Spinbox displays 'B'
- User clicks on decrement
- bind() method triggers and prints the TkVar --> 'B'
- TkVar decrements to the previous value --> 'A'
- Spinbox now shows 'A'
This issue doesn't occur when you use the built-in option to print the value, because it executes *after* the variable is changed. However the downside of is that it executes on both increments and decrements.
So if you're trying to get the value of the Spinbox only on increments or decrements, but not both, then you need to know about this bind() method quirk because you'll need to work around it.
Thank you so much for everything. This channel can be the best python education channel. You explain everything very clear and detailed. You deserve much more of everything.
I love your videos so much. Easily some of the most helpful videos I can find anywhere on the internet. Also the time you take to properly explain your methodology and logic is unmatched. Ty so much for making these amazing, comprehensive courses
I've completed this course. 18 and half hours. All I can say is thank you. You are a life saver
I’m only at 1:01:04, but loving it so far. This is probably one of the most comprehensive explanations of tkinter that I’ve seen. Most of the other videos are “do this”, which leaves you thinking “I don’t really get this”, whereas your video really covers things thoroughly and also repeats it in different situations so you start to embed it. Thanks!!
Now where you are
WOW last time I checked this channel it had 10k subs
love to see you get the recognition you deserve, one of the best coding channels out there, keep it up!
Your tutorials are the best around, so much knowledge, lots of to the point information and how you build up our skills on each tutorial from 0 to hero is amazing. Please keep up good work
Your courses are awesome, thanks a lot especially that you publish them on youtube for free. I definitely gonna buy the full package not only because I need to learn these stuff better but also because I wanna support all you do.
Thanks again you are amazing.
Christian, cant thank you enough. Been on this for the past couple of weeks, going over each practice and exercise multiple times. Really great learning.
Hey, thanks for this course. Learning how to make an GUI for a program I've had to make for work. Going to use this comment to keep track of where I am each day
Day 1 (1:06:07)
Day 2 (2:49:27)
Day 3 (4:22:30)
Day 4 (5:02:29)
Day 5 (7:05:22)
Day 6 (9:34:30)
Hang in there mate! No new update for a while ;)
@@TheReactiveGamer Cheers mate. I was just practicing a bit with what I had learnt so far then had a busy weekend. Back to it now though :)
@@davebunyan9135 Now what??
This really is insane!! 18 hours of course and so far this feels so professional... like an actual paid course, even better than that. I feel guilty watching this for free but thanks you are really great.
Hey Christian! I am 13.5 hours in the tutorial, After making the bmi app, I now successfully finished my first individual customtkinter project which is an app converting fahrenheit to celsius and vica versa. I am very thankful for the work you do!
Oh, God, yes, I love you. I'm following your introduction to pygame, before getting into your Zelda style game video, it's crystal clear. And I just noticed you even uploaded *this* for GUIs. Now I can finally make my hyper-customizable sudoku table! Your tutorials are top tier, I deeply thank you.
This is certainly the best and most comprehensive tkinter tutorial that I have found. Not only that, but it's one of the best all-around tutorials I have taken. I enjoyed if very much, and recommend it to all Python programmers!
Dude I don't know how to say this differently, but your content is gold. You're able to explain complicated things extremely well while being efficient with time. I'm loving watching this video and plan to watch the rest in the near future. Thank you so much!
Sir, I can only commend the job you have done with this great course, simply outstanding. It has been 18 hours, which is equivalent to much more than all the content shown, due to the simplicity with which the information has been prepared. Congratulations and thank you very much for this great piece, needless to say that you have here a faithful consumer of your content.
This is the best video on tkinter on the youtube. Very thorough and complete both in terms of content and teaching style. Thanks a lot for the hard work.🙏
I learned more in the first ten minutes of this turtorial than I did in two days of wading through internet articles and forum posts. Excellent work, thank you.
Thank you for this great course. I spent more than 2 hours with your course on youtube. And I decided to buy your course on udemy. It's really valued for me.
This is really awesome. Everything about tkinter is covered here. Absolutely fantastic. I had dropped tkinter because the ui was very old. Thanks for introducing ctk. That is awesome (but it still doesn't have as much functionality as pyqt/pyside in styling). All in all thank you very much
Thank you so much! I've always struggled with tkinter, but after only going through the first 20 minutes, I'm confident that this is gonna be a great tutorial for me!
wow, you made tkinter look.. modern! I newer knew it could visually not look like something from the '90. Thanks. I learned something new today.
This is one of the best tkinter tutorials on youtube! At 8 hours in, its been amazing, but the section on responsive layouts went by way too quickly. I was reasonably ahead the entire time and as soon as I reached that point it felt like I was a total beginner. Besides that it's been amazing thank you so much.
your tutorials are the only one I truly understand, you helped me so much with coding. I cant thank you enough
I legit love you Clear Code!!!!!!! I'm on spring break rn and i've been binging and following along with all ur videos!!! I'm pretty sure I can fully code a simulation of the universe now thanks to ur videos lol
Am enjoying this course, almost completing it. for my personal project. very clear and well explained for me to understand, and recreate. you amazing
It'd be so good if you made a django or flask tutorial series for web apps! Your style of explanation and examples are insanely good and easily understandable. Thank you for making all these great content :D
It took me weeks, but I actually finished every single lesson & project in this tutorial.
day 1 = 21:28
Day 2 = 36:30 do exercise
Day 3 = 54:15
Day 4 = 1:01:00
reminder for your follow back
I needed a GUI library for a personal project, and having good experience with Guizero I thought it would be easy to jump directly to Tkinter. What a fool. Your video just helped me understand how Tkinter works and how I can do what I want to do without much complications. Thanks!
Defenatly one of the best TKinter tutorials. Thank you very much! Great job👍
1 hour in, as someone who has very little, to no coding experience this is super easy to understand and the exercises are a great way of teaching us how to actually do it on our own instead of just copy and pasting
18 hour free course! WOW. Also i didn't know you could make such fantastic interfaces with tkinter, from the thumbnail i thought you were using Kivy.
Thank you so much for this, I’ve been really getting into Python so this is gonna be great
I am eternally grateful. Thank you so much for this. Just when i was planning projects i'd want to learn tkinter for i find this gem🙇♂
Hello Clear Code,
I have learned a lot of things from you by watching your pygame tutorials and I just wanted to give you a suggestion to create a video based on neural networks with math behind it because you are really very good when it comes to explaining.
Great content! Clear logic and steady pace explanations for all covered topics! Thank you.
I'm halfway in the video and i must tell, great job on the teaching and explanation!! Keep up the good work!
Best tkinter tutorial I've ever had, I am impressed by the calculator app project, thanks for making this course free but I am still going to buy it on udemy, the least I could do to support you
This is everything I've been looking for since so many days. May God bless you with all you need
This is the best tkinter course i had ever seen , keep doing such work we really apreciate that ❤❤❤
Love this. Been watching it start to finish. REALLY liking tkinter now.
Hello, Christian, thank you for your videos about Python and programming. These are really great studying materials. I've bought your courses on Udemy and I am really enjoying it!
Dude, I bought your udemy course not just because the content is marvelous, but because you also did over 18 hours of free content!
Please share some code or anything i am very interested in checking those codes but i don;t have money THough
OMG i love your channel, someone who is not shoving his paid course down our throats and is geneuinly teaching ♥♥
For anyone stuck at 4:00:00 you need to move the window.resizable(True,True) under the override redirect for resizing without the title bar to work. Was stuck here for 15 minutes
Wow the video is really helpful with clear explanation in each topic.
Thank you for making this video available to us and hatsoff to your effort and dedication.
incredible value. bought the course as well. love your style, for me its hard to focus sometimes and your style of teaching is clear and to the point. maybe a course on streamlit one day? :)
I rarely comment on TH-cam but this video is so great I have to. Watched only the first 50 minutes so far but can't wait to continue! Keep it up!
This an insanely detailed video, majorly helpful!
I love this! It's exactly what I needed, I'll intergrate this in my 100DaysOfCode. Thanks mate!
4 hours in... amazing so far! Really appreciate it!
Damn! this is single-handedly the best python GUI tutorial!
man i am crying you are amazing hope you never stop making videos 🤯🤯🤯insane free content
Timestamps:
00:00:00 - Intro
00:01:05 - Overview of tkinter + demo app
00:21:27 - Basic widgets
00:40:36 - Gettings and setting widget data
00:54:19 - Tkinter variables
01:06:06 - Buttons
01:32:34 - Buttons with arguments
01:40:37 - Events
01:53:40 - Combobox & Spinbox
02:10:08 - Canvas
02:34:41 - Treeview (Tables)
02:49:24 - sliders
03:08:49 - Frames & parenting
3:20:30 - Tabs
3:27:52 - Menus
3:46:51 - Customizing the window
04:04:28 - Layout intro
04:22:29 - Pack
04:46:18 - Pack + Parenting
05:01:46 - Grid
05:24:30 - Place
05:45:20 - Understanding widget sizes
05:51:34 - Stacking widgets
06:01:07 - Toggling widgets
06:17:28 - Combining layout methods
06:36:59 - Using classes
07:05:21 - Creating widgets in classes
07:25:56 - Responsive layouts
07:56:51 - Understanding scrolling
08:17:47 - Creating a scrollable frame
08:49:39 - Multiple windows
09:03:04 - Styling
09:17:50 - Using themes
09:25:49 - Colors
09:34:28 - Customtkinter
09:54:17 - Creating a ctk app
10:00:42 - ttkbootstrap
10:13:42 - ttkbootstrap editor
10:16:55 - ttkbootstrap extra widgets
10:40:11 - Animating widgets
11:11:03 - Using images
11:42:59 - Image animations
12:15:34 - Changing the title bar color
12:27:12 - BMI setup
12:36:54 - BMI widgets
13:01:04 - BMI functionality
13:16:01 - Metric units
13:24:57 - Imperial units
13:43:09 - Calculator setup
13:57:58 - Output labels
14:10:31 - Button setup
14:25:16 - Image buttons
14:34:58 - Number buttons
14:47:38 - Math buttons
15:00:32 - Calculator logic
15:21:45 - Extra operations
15:33:02 - Editor setup
15:46:19 - image import
15:57:28 - Scaling the image
16:10:39 - Closing the image
16:16:45 - Creating the menu
16:34:26 - Manipulating the image
16:56:17 - Managing the menu data
17:23:39 - Applying the effects
17:42:28 - Reverting the effects
17:53:44 - Creating the export panels
18:14:43 - Exporting the image
Thank you. You are doing god’s work
You just copied it from the descriptio .Right?
@@bepositive271 yep
@ClearCode pls pin this
@@335haan5Check the description
There is absolutely no way this video is 18 hours, you are an absolute hero
This is insane!! Really thank youu for this tutorial ❤
Thank you! Very well explain, good structure, and clear speech.
This tutorial has helped me soooo much! thank You for uploading!
Legendary video... I mindlessly clicked on this video thinking it said 18 minutes then had to do a double take when I saw it was 18 hours lol
Marvelous efforts. great work. Thanks :)
Thank you very much for your hard work to make it easy to understand! Insane job!!!
holy moly, what a tutorial
great job as always!
This video is pure gold, thank you so much!
Bro, your content is INSANE!! I see that you have not uploaded in the last 4 months. I believe that it's very time consuming to make such a great work, but please, don't stop bro! I'll very likely buy your paid course to help you.
These are very comprehensive tutorial and great teaching. I would love for you to also do introduction to API or like back end development.
I really needed this tutorial, thanks!
YOU DESERVE THE SUPPORT AMAZING MAN!!!!!
Amazing tutorial. Thank you so much!!
I can't understand why You do not have milions of entrys. This courses are best on youtube!
I just got your udemy course! Thank you for your excellent tutorials.
you are the best. you are my legend in coding (and legend never die). thank you for every second that you spend for create this learning🌺🌺🌺🌺🌺🌺🌺🌺🌺🌺🌺🌺
I bought your course on udemy. Thanks for all the hard work!! ♥
Thanks for making this video
You explain really good
Looking forward for future videos
This is what I came up with for the basic paint app(without any help apart from searching for mouse hover event):
import tkinter as tk
from tkinter import ttk
window =tk.Tk()
window.geometry('600x600')
def draw(event):
t=entry_var.get()
canvas.create_oval((event.x-t,event.y+t,event.x+t,event.y-t),fill='black')
entry_var=tk.IntVar(value=1)
canvas=tk.Canvas(window,bg='white')
label=ttk.Label(window,text='Enter brush size')
entry=ttk.Entry(window,textvariable=entry_var)
button=ttk.Button(window,text='reset',command=lambda:canvas.delete('all'))
canvas.pack()
label.pack()
entry.pack()
button.pack()
canvas.bind('',lambda event :draw(event))
window=tk.mainloop()
Amazing, very useful video that I never seen before, thank you so so much
Enrolled. Thank you. I think it will be great course like other one.
Really Helped men!
Dope Stuff, Thank you man!!!
I was searching it. Thanks you so much Man
Great tutorial man, loved it
would absolutely love a similiar video on ai using python
in the exercice in 6:14:12 i made the label disipaire and kept the button in the same position without adding any frame, i just made the button like this: button.pack(side='bottom'), and another way it is to make fram before button and expand it will give you the same option.
thanks for this tutorial 😊😍
👍👍👍 why didn`t i find your video earlier??? 😵💫😵💫😵💫 so much better format and awesome job explaining TKINTER.
10 out of 10 Sir.
thank you for your job.
Now i know how to kill 18 hours of boredom on my days off ))
Eure Inhalte sind echt inspirierend und helfen mir immer, meinen Horizont zu erweitern. Ich bin wirklich beeindruckt von eurer Art, komplexe Themen so zugänglich zu machen.
Übrigens, ich bin auch ein großer Fan von Python und teile meine Leidenschaft dafür auf meinem eigenen Kanal. Dort erkunden wir gemeinsam die Welt der Programmierung. Vielleicht findet ihr ja auch dort interessante Inhalte, die euch weiterbringen!
Macht weiter so mit euren tollen Videos!
Great tutorial! it was very helpful for a project I'm working on. i only watched the first 8 hours lol.
yooo that was so cool!! keep up the good work
Wow, great video Mr, thanks very much.
one of the best course on one topic
I wish there were more people like you.
I learned a lot from this video! Thanks!
you are the best programming tutor
Thanks a lot for your job.