[Python Tkinter] ボタンのデザインを変更する方法

import tkinter as tk
root = tk.Tk()
button = tk.Button(root, text="クリックしてね", bg="blue", fg="white")
button.pack()
root.mainloop()

import tkinter as tk
root = tk.Tk()
button = tk.Button(root, text="大きなボタン", width=20, height=5)
button.pack()
root.mainloop()

import tkinter as tk
root = tk.Tk()
button = tk.Button(root, text="フォント変更", font=("Arial", 12))
button.pack()
root.mainloop()

Arialフォントのサイズ12のボタンが表示されます。

import tkinter as tk
root = tk.Tk()
button = tk.Button(root, text="枠線スタイル変更", relief="raised")
button.pack()
root.mainloop()

raisedスタイルのボタンが表示されます。

import tkinter as tk
root = tk.Tk()
button = tk.Button(root, text="無効なボタン", state="disabled")
button.pack()
root.mainloop()

無効なボタンが表示され、クリックできません。

import tkinter as tk
from PIL import Image, ImageTk
root = tk.Tk()
# 画像を読み込む
image = Image.open("button_image.png")
photo = ImageTk.PhotoImage(image)
button = tk.Button(root, image=photo)
button.pack()
root.mainloop()

指定した画像が表示されたボタンが表示されます。

import tkinter as tk
def on_enter(event):
    button.config(bg="lightblue")
def on_leave(event):
    button.config(bg="blue")
root = tk.Tk()
button = tk.Button(root, text="ホバーしてね", bg="blue")
button.pack()
button.bind("<Enter>", on_enter)
button.bind("<Leave>", on_leave)
root.mainloop()

ボタンにマウスをホバーすると、背景色が青から水色に変わります。

import tkinter as tk
def on_click(event):
    button.config(bg="green")
root = tk.Tk()
button = tk.Button(root, text="クリックして色変更", bg="blue")
button.pack()
button.bind("<Button-1>", on_click)
root.mainloop()

ボタンをクリックすると、背景色が青から緑に変わります。

import tkinter as tk
from PIL import Image, ImageTk
root = tk.Tk()
# 画像を読み込む
image = Image.open("button_image.png")
photo = ImageTk.PhotoImage(image)
button = tk.Button(root, text="アイコン付きボタン", image=photo, compound="top")
button.pack()
root.mainloop()

アイコンとテキストが縦に配置されたボタンが表示されます。

import tkinter as tk
root = tk.Tk()
button = tk.Button(root, text="透明なボタン")
button.pack()
# 透明度を設定(0-255の範囲で指定、255が不透明)
button.winfo_toplevel().attributes('-alpha', 0.5)
root.mainloop()

透明度50%のボタンが表示されます。

import tkinter as tk
root = tk.Tk()
button1 = tk.Button(root, text="ボタン1")
button2 = tk.Button(root, text="ボタン2")
button3 = tk.Button(root, text="ボタン3")
button1.grid(row=0, column=0)
button2.grid(row=0, column=1)
button3.grid(row=0, column=2)
root.mainloop()

3つのボタンが横に並んで表示されます。

import tkinter as tk
root = tk.Tk()
button = tk.Button(root, text="余白のあるボタン", padx=10, pady=5)
button.pack()
root.mainloop()

内側に余白が設定されたボタンが表示されます。

import tkinter as tk
root = tk.Tk()
button1 = tk.Button(root, text="左寄せボタン")
button2 = tk.Button(root, text="中央寄せボタン")
button3 = tk.Button(root, text="右寄せボタン")
button1.pack(side=tk.LEFT)
button2.pack(side=tk.TOP, padx=50)  # 中央寄せのために余白を追加
button3.pack(side=tk.RIGHT)
root.mainloop()

左寄せ、中央寄せ、右寄せのボタンがそれぞれ表示されます。

import tkinter as tk
root = tk.Tk()
# 画像を読み込む
photo = tk.PhotoImage(file="custom_button_image.png")
button = tk.Button(root, image=photo, borderwidth=0)  # 枠線をなくす
button.pack()
root.mainloop()

指定した画像が表示されたカスタムボタンが表示されます。

import tkinter as tk
def create_gradient_button(root):
    canvas = tk.Canvas(root, width=200, height=50)
    canvas.pack()
    
    # グラデーションを描画
    for i in range(50):
        color = f'#{i*5:02x}{0:02x}{(50-i)*5:02x}'
        canvas.create_rectangle(0, i*1, 200, (i+1)*1, fill=color, outline="")
    button = tk.Button(root, text="グラデーションボタン", bg="white", command=lambda: print("クリックされました！"))
    canvas.create_window(100, 25, window=button)
root = tk.Tk()
create_gradient_button(root)
root.mainloop()

グラデーション背景のボタンが表示されます。

import tkinter as tk
def animate_button():
    current_color = button.cget("bg")
    new_color = "red" if current_color == "blue" else "blue"
    button.config(bg=new_color)
    root.after(500, animate_button)  # 500ミリ秒後に再度呼び出し
root = tk.Tk()
button = tk.Button(root, text="アニメーションボタン", bg="blue", command=animate_button)
button.pack()
animate_button()  # アニメーション開始
root.mainloop()

ボタンの色が青と赤に交互に変わるアニメーションが表示されます。

import tkinter as tk
import winsound
def play_sound():
    winsound.PlaySound("click_sound.wav", winsound.SND_FILENAME)
root = tk.Tk()
button = tk.Button(root, text="クリック音付きボタン", command=play_sound)
button.pack()
root.mainloop()

ボタンをクリックすると、指定した音が鳴ります。

import tkinter as tk
def toggle_button():
    if button.cget("bg") == "green":
        button.config(bg="red", text="無効")
        button.config(state="disabled")
    else:
        button.config(bg="green", text="有効")
        button.config(state="normal")
root = tk.Tk()
button = tk.Button(root, text="有効", bg="green", command=toggle_button)
button.pack()
root.mainloop()

ボタンの状態に応じて色とテキストが変わり、無効化されます。