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.

Python Code: buttons_cust.py
(Github Code)

from tkinter import *
import customtkinter
from PIL import Image, ImageTk


customtkinter.set_appearance_mode("dark")  # Modes: system (default), light, dark
customtkinter.set_default_color_theme("dark-blue")  # Themes: blue (default), dark-blue, green

root = customtkinter.CTk()

root.title('Codemy.com - Custom Buttons With Images')
root.iconbitmap('c:/gui/codemy.ico')
root.geometry("500x170")

# Define Our Images

add_folder_image = ImageTk.PhotoImage(Image.open("test_images/add-folder.png").resize((20,20), Image.ANTIALIAS))
add_list_image = ImageTk.PhotoImage(Image.open("test_images/add-list.png").resize((20,20), Image.ANTIALIAS))

# Create Our Buttons
button_1 = customtkinter.CTkButton(master=root, image=add_folder_image, text="Add Folder", width=190, height=40, compound="top")
button_1.pack(pady=20, padx=20)

button_2 = customtkinter.CTkButton(master=root, image=add_list_image, text="Add Item", width=190, height=40, compound="right", 
	fg_color="#D35B58", hover_color="#C77C78")
button_2.pack(pady=10, padx=20)	



root.mainloop()