Modern Buttons With Images - Python Tkinter GUI Tutorial 221

In this video we'll learn how to create cool looking modern buttons with images in CustomTkinter.
Images in CustomTkinter are pretty simple, we just need to use Pillow and a little bit of code.
We'll look at using images, moving those images around, and also changing colors of buttons and their hover colors as well.
#tkinter #codemy #JohnElder
Timecodes
0:00​​ - Introduction
1:14 - Pip Install Pillow
1:52 - Select Images To Use
2:29 - Define Images For Buttons
3:44 - Check Out The Button Documentation
4:02 - Create Buttons
7:05 - Change Image Position On Button
7:34 - Remove Button Text
8:15 - Conclusion

[@Codemycom]

▶ Watch Entire Tkinter Playlist ✅ Subscribe To My KZbin Channel: bit.ly/2UFLKgj bit.ly/2IGzvOR ▶ See More At: ✅ Join My Facebook Group: Codemy.com bit.ly/2GFmOBz ▶ Learn to Code at Codemy.com ✅ Buy a Codemy T-Shirt! Take $30 off with coupon code: youtube1 bit.ly/2VC9WUN ▶ Get The Code bit.ly/3GAXMB2

[@AIIied.Mastercomputer]

dude youre singlehandedly carrying my entire programming journey

[@Codemycom]

Ha, happy to hear it!

[@noname99832]

We need CustomTkinter Videos more Often!

[@Codemycom]

Yep

[@joranvancoillie8133]

I followed your steps but got an issue. The PNG icons have a transparent background but when they're placed in the button, they lose their transparency. How can this be fixed?

[@user-fv2pk6ui9c]

thank you man

[@Codemycom]

Very welcome

[@MrMkeup66]

Im having issues with image size on CTk buttons. no matter how big I make the button the image stays the same size. I then increased the size of the image and still get the same result. Any tips? thanks

[@synaeira]

I'm working on a project where I have to build a video player (with the audio) on Tkinter and you're video are helping a lot. I've explored your KZbin channel and I only find a MP3 player so my question is : have you ever made a video player ? Because I've got a lot of problem and I wanted to see how to fix them with your videos !

[@Codemycom]

No, I have no videos on that. There's no easy way to add video to Tkinter

[@niallgardner275]

Can a similar thing be done for radio buttons in customtk?

[@hiwab41]

hello master , where can i get the png photos?

[@factyguy8171]

Still the same energy....keep it up John....my request is to upload a lot of videos about kivymd library python .a lot..

[@Codemycom]

I have a playlist on that already

[@jorgemarquez1628]

Is there any way to pass the selected information from a treeview to a text method? I have 2 treeview in a window and I want to pass that selected information to another window in another text method, is there any way to do that?

[@Codemycom]

Of course. What's the problem? I have videos that show how to pull data from a treeview as a variable. You can do anything you want with it then.

[@wolfsgeeks3644]

hello can you help me to add scrollbar in a frame containing another frame

[@Codemycom]

I have many videos using scrollbars in frames on the playlist

[@yusefmaamarelasri4448]

I have a problem when I try to create an exe with python script including custombuttons. Can you try it in your free time with a basic example? I have searching hours in Google... I think may be it could be a problem with Pyinstaller. Error: FileNotFoundError: [Errno 2] No such file or directory: 'C:\\Users\\Usuario\\AppData\\Local\\Temp\\_MEI139122\\customtkinter\\assets\\themes\\blue.json' Please I need help.

[@wolfsgeeks3644]

i found a way to fix it do you use pyinstaller auto-py-to-exe??

[@yusefmaamarelasri4448]

​@@wolfsgeeks3644 I use pyinstaller

[@zyrixel-mc]

Getting error 'PhotoImage' object has no attribute 'create_scaled_photo_image'. Please I need a solution for this. I navigate whole internet but there is so exact solution....

[@zeeshanalavi975]

Is there a way to add a clip as a background in Tkinter gui

[@Codemycom]

no

[@Jdeadevil]

Jeez that is some complicated code, wish there was like a PyGubu alternative but for this.

[@Codemycom]

What's complicated about it?

[@Jdeadevil]

@@Codemycom Well it's not that complicated, I was just having a bad day and was too tired to go back and rewind, but I think someone explained the first part to me. Usually I type "image = PhotoImage(file="")" but I think that's just because I just import it as 'import tkinter as *", but someone explained that your way is safer so it doesn't mix with code from anything else, which makes sense. I think it's also because this is the first custom Tkinter video I've watched, I know standard Tkinter but I think I was just startled by the extra code. I only found this 'cause I found the standard Tkinter buttons a little boring but I suppose the other day is to just use images as the button background instead and remove the borders. Don't take my comment as criticism or anything, lol, it's my own fault for not watching the earlier ones.

[@Codemycom]

@@Jdeadevil right on, no worries.

[@arighnogupta5395]

Why is this program showing me " raise ValueError(msg) ValueError: Unknown resampling filter (20). Use Image.Resampling.NEAREST (0), Image.Resampling.LANCZOS (1), Image.Resampling.BILINEAR (2), Image.Resampling.BICUBIC (3), Image.Resampling.BOX (4) or Image.Resampling.HAMMING (5)" This error

[@danico8210]

Do you think Its a good idea to sell desktop applications (.exe) to companies?, I means, those kind of applications in Python. Thanks!.

[@Codemycom]

sure

[@vedantbarhate2028]

Hey John what do you think now... Who's the boss Tkinter or Ctk?

[@cool-cloud]

CTk is build from tkinter, it just derives everything from the tkinter and adds existing tkinter stuff to make it look good. So IDK how you can compare the both of them. But TBH, if you use ctk alot, ull run into some problems because you cannot customize some options like you would expect , but its a GREAT library created very well

[@Codemycom]

You still need them both. Ctk is still evolving.

[@aac487]

How to change the image of a button according to the theme dark n light

[@Codemycom]

Use if/else logic

[@Nythron_IV]

Good tutorial keep going but sad thing is that you got attacked by bots in comment section.... KZbin really has to do something about it There is to many of them

[@Codemycom]

All my videos do, every time...I was just late deleting them this time ;-)

[@yo-yomaster9634]

Its not working and I have tried everything, I dont know what I am doing wrong

[@Codemycom]

What do you mean by not working? Are you getting an error? There's not really much that can go wrong here as long as you've installed customtkinter and Pillow correctly.

[@julienvanderree5376]

So let's say we built a complete gui and now want to share as a .exe. How to we take the images (generic images, not just these from the video) and include them in the .exe?

[@Codemycom]

I have a video on pyinstaller on the playlist

[@wolfsgeeks3644]

i really went far using CTK and sharing as an .exe is like piece of cake! any question on CTK i may help ;-)

[@DarkGharren]

I like auto-py-to-exe, which is a GUI for pyinstaller. Pretty much as simple as it gets. You can bake images directly into the .exe together with your program, if you want.

[@utkarshkulshrestha2006]

@@wolfsgeeks3644 i also went for it... But i m having trouble packaging the exe for it, can u pls tell how you packed it into exe file ?

[@laurentreynaud4404]

Thanks very much! 'master' not necessary

[@Codemycom]

The docs say so, so we'll continue to use it.

[@cyborgzone7143]

Hii man amazing video I am working on a app in which have image as background how can I make a round button. With image

[@Codemycom]

I have videos on this playlist that explain that

[@cyborgzone7143]

@@Codemycom I use first image as main app background and the second image on button=(image=second image.png) The problem is my round button show white border how can I remove. that thanks in advance 🙏😄

[@Codemycom]

@@cyborgzone7143 same reply as before

[@NoOne000_Official]

Please try to code sublime text in tkinter with line numbers.

[@Codemycom]

What do you mean? Sublime does have the line numbers in all my videos. It's default.

[@NoOne000_Official]

@@Codemycom Nooo i mean pls make a tutorial on coding a text editor in tkinter that have line numbers. And thank you for all your videos.

[@Codemycom]

@@NoOne000_Official I see...sorry, no plans to do that. I've already done a text editor.

[@NoOne000_Official]

@@Codemycom Ok thank you very much. And pls keep making videos.

[@edbull4891]

Given image is not CTkImage ?? use CTkImage instead ?? How to ??

[@mustafatanerturan4333]

Did you find a solution? I am experiencing the same problem.

[@Entroprox]

bro is walter white but from an alternate timeline where he is a coder and not a "heissenberg" lol

[@Codemycom]

ha

[@NTblog]

music_icon = ImageTk.PhotoImage(Image.open("./assets/Musical.png").resize((20,20), Image.Musical)) AttributeError: module 'PIL.Image' has no attribute 'Musical' => this my error :(

[@Codemycom]

Image.Musical is not a thing... why did you type that?

[@NTblog]

@@Codemycom I think it's option :(

[@Codemycom]

no it's not@@NTblog

[@NTblog]

thanks so much @@Codemycom

[@NTblog]

@@Codemycom thanks so much

[@aimekouadiokra6674]

1st

[@Codemycom]

Nice!