Using Icons, Images, and Exit Buttons - Python Tkinter GUI Tutorial #8 

▶️ Watch Entire Tkinter Playlist ✅ Subscribe To My RU-vid 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

This is the best playlist I can find on python GUI. Amazing.

One of the best instructors on RU-vid. Your explanations and format are great. I am going to sign up for your full program. Thanks for all your hard work.

Man, you are explaining things just the way I would do. Perfect, thank you very much.

Thanks for vid, really help. I feel so lucky that I have access to so much information(and tutorials) without any charge.

You are so good... You are my hero! You know everything in Python...

I have a no words ....frankly speaking i enjoying a lot..thank you so much for your efforts for those can't afford paid courses..love you from INDIA.......

Your videos are amazing. They have been wildly helpful for me at work.

Great job deserving of thanks عمل رائع يستحق الشكر

Hey buddy, so awesome...very useful. I have been searching tkinter gui tutorials and fortunately, i found u😃😃

Man you are my new favorite hero! thanks!

Whats going on John! LOVE the content. Youre awesome, thank you!

To avoid resizing put: # app = your root app.resizable(width=False, height=False)

I did a program in the past without PIL but I just used img = tk.PhotoImage , can I know the difference between what I used and pil buttons?

I love your videos. I learned a lot from them. More power to you!

you are really awesome, highly appreciate your work

For new people, PIL is in all caps. Also, you add Pillow from the command line with pip install Pillow. (Stack overflow apparently says its deprecated) Also, ImageTk, the "k" is not capitalized. It drove me nuts for about an hour before figuring it out. Also thank you for this video. Awesome content.

Very helpful. Thanks you..... Hope continue.....

Hi, thank you very much for your video. You helped me a lot with the database. AND.....

thanks a lot man!

Thanks it was great & very useful♥♥

Those who are getting delayed by the exit button: You can use root.destroy instead of root.quit

Great Tutorial! I'm watching this 5 years later, but there's a function called Eval() in python. You could use this to make it a scientific calculator and make the evaluation function just evaluate the string.

Superb.

Hey, great course, helping me a lot during my projects Just a question, how to add a button on top of the image?

Good video!

Thank you very much. I learnt a lot about tkinter. 🤭❤️

Good evening If I want to put my image in one of the frames I've created, what do I have to add so it goes to the frame and not the main root Thank you and keepo going with this awesome videos you're making!!

Really helpful

Thank you very much

ur a life saver

THANK YOU

Thank you

Such a legend, oh my gosh.

The iconbitmap() method seems to be a Windows only thing. For those using Linux (and possible MacOS - I don't have access to a Mac to verify this), another way of setting the icon must be taken. It took some effort to figure this out, so I'll share it here. This is the simplest way of doing it, there are more complex ways for multiple-size icons, etc. First, the .ico file format can't be used, so the image should be a PNG file. Then, the following code must be used, assuming that (as we do here), the root window is in a variable called root. root.iconphoto(False, tk.PhotoImage(file='') The file name can be just the image file name if it is in the current working directory during script execution or any absolute or relative path. Not all GUI environments in Linux have the window icon in the top left corner, but this also sets the icon used in the task bar.

First of all, just want to say I'm so happy I found your channel! informative clear and fun! So thank you for that. Now for my question - I've successfully added the ico and png files as demonstrated. But they only seem to work when I put the full path to them. If I try just the file name I get a "TclError bitmap "coffee.ico" not defined. same thing for the png. The files are in the same folder as the py file. using VS Code as my IDE if that matters

@Codemy.com is there a way we can change the taskbar icon for the file too?

thank you

Sir, Which type of editor do you use for programming in python ?

good afternoon sir, i want to ask something about tkinter, can we display terminal python with it?

Can you guide me to a video, or some webpage that explains how to change windows within the same window? so for example, I want to have a start button, that when you click it the start button disappears, and then a new window appears (the same window) with different information. In the same way that HTML pages work with navigation. I found one video but the guy was going deep into using classes, which I don't have a firm grasp on it yet. Any of your videos go into this topic?

Great series, thank you very much. What I do find irritating about these software packages, IDEs etc is this trend to add plugins and packages afterwards. Never complete. It's like buying a car and discovering you still need a spare wheel, side view mirrors... Oh, do you need an engine too, sir ? No problem, just download it ! :)

if i need to give the code to someone else it will not open the images with my local dirctories, correct? or does python save the .ico internally in the code file? sorry for the dumb question, i am very new to this.

Very helpful tutorial, but I am having problems with that pack function to bring in the function. How does that work? What does it do? Can anyone give me some more information?

Hello, I am having difficulty visualizing my png images. I currently have them in a file on my desktop called project_file. I am using "c:/desktop/project_file/imagename" but python is giving me an error. Can someone tell me what I'm doing wrong? Or how to fix this issue! Thanks

is there any way to make the picture\photo to be in circle\oval .. or how can i make the corners transparent of the image.. i can use any image just i want the picture to seen in circular format..

Hi, This was extremely helpful! I am trying to use canvases in my school project and the main window has a button which opens up another window. Problem is I can't seem to destroy the main window once the new one has been opened. I used destroy() and although all the widgets and the background image is destroyed, it leaves an open window behind with the title as "tk". I can't seem to figure out the issue and hoped you could help me. Thanks! P.S, I am kinda new to your channel so I am sorry if a video already exists on this matter. P.P.S, IDK why I wrote it like an email even though it's a youtube comment cheers

Thank you so much for the tutorial I started learning obsidian and emacs for 2 weeks and python about 3 days from now i had a very hard time setting up things but i made it work exept no matter what i ve done i get an error that shows the path nd if i remember it can't open file and bitmap stuff... I went with many solutions i added @ to path by the way im using deb12 i used .png instead of .ico and other things Should i try this? Is it same ? import tkinter as tk root = tk.Tk() root.title("Window with PNG Icon") # Load the PNG image icon_image = tk.PhotoImage(file="path_to_image.png") # Replace with your image path # Set the image as the window icon root.tk.call('wm', 'iconphoto', root._w, icon_image) root.mainloop() ``` I hope i can find a solution here

its funny because i came from anothe one of your videos with the calculator and i made my own exit button, then now coming across this video was fun to see how you did it. my code for an exit button: (obviously with a simple gui) btw i am new and i made it so muc more complicated for myself trying o do it from tkinter import * root = Tk() root.title("exit button") root. def function(exit): pass def button_exit(): button_exit = function(exit()) button_exit = Button(root, text="exit", padx=40, pady=20, command=button_exit) button_exit.grid(row=1, column=0, columnspan=1) root.mainloop() but the only thing that worked in this video for me is the exit button the things with the pictures dident work

Hi, Tim here. Question... I am running a Mac Pro desktop computer running Mac oSX(Mojave) and using Visual Studio Code as my IDE with Python 3.7.4... I have tried adding 'mainWindow.iconbitmap('filename.ico) which includes any path prefixes but don't see any icon at all. Any ideas as to why this is? Any tips on addressing this issue? Any help is greatly appreciated. Thanks

I do not want to have a picture inside the pane. I want to have instead of the white background of the panel a picture that it will serve as a background. Do you have a video about it?

Any way to fit an image to the size of a button? Or do the image needs to previously be the size of such button?! Great videos by the way! KUDOS!!!

Wonderful, still using windoa 8.1

Thank you for the great instructor, please keep up the great work and I look forward to the videos. I can not install Pillow. I am getting a "SyntaxError: invalid syntax" error!!!

Just a tip for mac users when installing modules/running code: If pip doesn't work, try pip3 And if python doesn't work try python3

Walter White teaches Tkinter like a boss.

Is there a way to make the image resize with the window? It would be great to have the image scale reduce of increase with expanding of the window.

Hi John, my side its showing unicode error, can't decode... whatever it is, also I'm not able to use pillow as you've told, what I'll do now?

Thank you so much. It didn't work for me, but made some tweak to make it work. Old code - img=ImageTk.PhotoImage(Image.open(path)) Tweak i have done - img=ImageTk.PhotoImage(Image.open(path),master=root)

That work for me if someone is facibg unicode error try to use r like this root.iconbitmap(r'the place where data is store') It will work

Hi. Is the an option to run python program with double click? something like .exe file. Or i must create .bat file? Thanks in advance.

I converted my .jpg image into an .ico image using an online converter tool and used in my program. The icon in my window doesn't appear, but it shows a blank image.

Hi, I got an error: "TclError: bitmap "iconoprueba.icon" not defined", the icon is in the same folder where the file ".py" is. What can I do?. I hope you can help me with that.

whn i try to run the pogram it says photoimage' object has no attribute '_photoimage__photo' any ideas what i should do??

Legend says this is series is epic

In Linux, one has to do this to put an icon in the title bar: import tkinter as tk root = tk.Tk() root.title('CharDB: PC Record Database App') root.tk.call('wm', 'iconphoto', root._w, tk.PhotoImage(file='chardb-gui.png')) root.geometry("1152x648") In Linux the iconbitmap() call can only use the XBM image format due to limitations of X-Windows system. XBM is a binary color format -- on or off, so images must be in B&W; no grey-scale or colors. Thus one needs to use a PhotoImage() call to put a custom icon in the title bar.

im gonna be honest mr heisenberg you look extremely cute with the doggo

hey bro , remember that image that u load using PIL .. that is actually loading the image, but the size of window is growing too big to fit the screen, while same size of photo on ur computer is loading a pretty decent image.. may i know why.. by the way it is jpeg/jpg image

when i try to add an icon, it gives error tkinter.Tclerror: bitmap "" is not defined

very goog

Im using tkinter on a Mac and it seems that for some reason, root.iconbitmap() doesn't work for me. It just changes the icon to a default Mac photo icon. Is there any way you know that allows me to get around this?

Can you help me find a solution on retaining images in Tkinter? That's because the image just pops-up when loaded, the it disappers. Hope you can help me. Thanks.

I found this to work on Linux if anyone has trouble with the icon.ico. Use a .gif instead. # Adding icon image in Linux img = PhotoImage(file="images/icon.gif") root.tk.call('wm', 'iconphoto', root._w, img)

Is quit a built-in method for pyCharm IDE?

root.quit doesn't work for me but i use destroy instead of quit and that worked And thanks a lot for this free tutorial

How can I use a relative path for the icon file, assuming it is in a sub-directory of the working file or project folder? For example: If I want to make a shareable application, I would have the icon arbitrarily on the storage, but it would always be in a consistent location relative to the script needing it. Think "Everything should go in the end-user-defined installation folder for the program I'm making."

Hi John, Me here again haha. John I have been following your tutorial awhile and building an app aside with tips that I get from here. I tried and managed to make it work (switching frames in tkinter without having to call a new window). But when I try to insert an image inside of a class, the code runs but the image doesn't appear. any ideas what it could be ? regards, Douglas

How did the my_label work without you mentioning that its in root? Thanks for the great content!

Hi! Thank you for the tutorial.Built calculator succefully. Working on the image module. Getting this error: AttributeError: module 'PIL.ImageTk' has no attribute 'Photoimage'. Googling isn't helping either. Working on python 3.7, PIL version 5.4.1, used syntax ' similar to yours. Help in this regard would be highly appreciated

hello sir i got a problem this Traceback (most recent call last): File "C:\Users\USER\AppData\Local\Programs\Python\Python37\imges tkinter.py", line 7, in my_img = ImageTk.PhotoImage(Image.open(k)) NameError: name 'k' is not defined how can i do to solve this problem?

Thank you so much. I can see the icon while running my code on windows. but, when i'm trying to run it on Linux, the main window is appearing without the icon, what can be the reason to that?

at around 4:19 when you tested the quit button, i copied exactly what you types minus the image of course and my button shows up but it wont click. im using a mac btw.

Hello, i have a question, when i add image and then delete it from the computer it can't run the code. So is there a way to load the image to the code so that is part of it?

hey john, kudos on making an amzing playlist! coming to my question: im getting an error while doing this ```img = ImageTk.PhotoImage(Image.open(path)) AttributeError: type object 'Image' has no attribute 'open'``` so im chosing path from the askopenfilename method, and then applyiong it here but for some reason it doesnt work. any suggestions? Thanks.

super

Hi John, I am having an issue with pillow library, I installed from pip to the last version but every time I try to import the library I get the ModuleNotFoundError: no module named 'PIL'. I'm using visual studio code, but I tried it from Python.exe? (I don't know the name haha) and I get the same error, hope you can help me. Also, I googled this error but it wasn't helpful. Salut

Hi, I am getting the error : No module named 'PIL'. I have installed Pillow. and trying the other tips from stackoverflow/google. Do you have any Idea of what it can be?

For those of you using Windows 10 and Idle (and I know Mr Elder says not to use Idle because it sucks!) who get the 'no module named PIL' error, I looked at lots of Google hits on this and tried a few things but eventually found I didn't get the error when simply running from the command line ('python images.py). It turns out I was running a version of idle from an earlier version of Python - Windows had simply bookmarked the old one so when I typed idle it suggested the old one. So, I found the version of idle commensurate with the version of python I'm running, which happens to be 3.9.7 and ran that instead (look for the file idle.py). If you don't know what version of python you are running, at the command line run simply 'python' and it will tell you the version (ok, this assumes you have python added to your 'path' environment variable, which is another topic). I'm rambling but in short, make sure you are running the version of Idle corresponding to the latest version of python you have installed.

I have a hard time putting all this together to obtain what i need. I want the following: 1. click on icon open a window. 2. Window contains button or drop down, for "open file" to browse for a file containing txt/csv data 3. when file is opened, the pathway is obtained 4. A button with a built in function runs an analysis on the data. And visualizations are displayed for quality control check. 5. Button to submit data to a database I want all of the above to be on 1 window, even when data is displayed. But i cannot figure out whether tkinter can do that. I have only figured out to do this in a series of events composed of several windows which are opened, then closed for the next window to appear. Hope you can help

how to capture image and import then convert sketch in python can u send source code make button camera and sketch , import from gallery pic

Traceback (most recent call last): File "C:\Users\ACER\images.py", line 2, in from PIL import ImageTK,Image ImportError: cannot import name 'ImageTK' from 'PIL' (C:\Users\ACER\AppData\Local\Programs\Python\Python39\lib\site-packages\PIL\__init__.py) getting this error please help sir...

use 64x64 image can help u fix TCL error maybe (window)

Hello sir can you tell me please what's the difference between btn_quit = Button(root,text='Exit',command = root.quit) and this btn_quit = Button(root,text='Exit',command = root.quit() ) when we call the method " quit " without parentheses it's working but when we call it with parentheses doesn't work why ? by the way thank you so much

Thanks for the tutorial ! There are many videos to go, but I look forward to making the applications. Anybody else struggling with the python idle ? For some reason it didn't want to close the program for the exit button (at least not all the way), but when I opened the same program in the pycharm application, it worked just fine.

hello. can I take in my program not image, and python file?

Sir.what is the compiler u are using??

For the icon root.iconbitmap(r'c:\_Python\Icons\icon.ico') I successfully remove the default feather icon, but it is replaced with a blank page icon. I've tried .ico images 512x512 and 256x256- what am I doing wrong?

This is cool and I can update the icon on the window title. How can we update the icon on taskbar?

is there a way to use font awsome with python desktop app

I used the exact same lines as yours. i stored the icon as ".ico" in the same location(desktop) as my ".py" file,but when i run the code,it raises this error _tkinter.TclError: bitmap "C:/Users/Dell/Desktop/icon.ico" not defined. would really appreciate it if anyone can help me out!