【Tkinter入門】クリック時に長方形の色を変更する方法をわかりやすく解説

Canvasウィジェットは、Tkinterライブラリの中でも最も汎用性の高いウィジェットのひとつです。さまざまな種類・サイズの図形を作成したり、オブジェクトをアニメーションさせたり、グラフィックスを可視化したりと、幅広い用途に活用できます。

Tkinterでキャンバス上の特定のアイテムのプロパティを変更したい場合は、itemconfig(**options) メソッドを使用します。このメソッドでは、塗りつぶし色（fill）、輪郭色（outline）など、キャンバス上に定義されたアイテムの各種プロパティをオプションとして指定できます。

サンプルコード：ボタンクリックで長方形の色を変更する

以下の例では、ボタンをクリックすると長方形の塗りつぶし色が青から緑に変わるプログラムを作成します。

# 必要なライブラリをインポート
from tkinter import *
from tkinter import ttk

# Tkinterフレームのインスタンスを作成
win = Tk()

# ウィンドウサイズを設定
win.geometry("700x300")

# アイテムの状態を変更する関数を定義
def change_color():
    canvas.itemconfig(rectangle, fill='green')

# Canvasウィジェットを定義
canvas = Canvas(win, width=500, height=240)
canvas.pack()

# キャンバス上に長方形を作成
rectangle = canvas.create_rectangle(100, 100, 400, 400, fill='blue')

# 色を変更するためのボタンを作成
ttk.Button(win, text="Change Color", command=change_color).pack()
win.mainloop()

実行結果

上記のコードを実行すると、ウィンドウの中央に青く塗りつぶされた長方形が表示されます。

続いて、「Change Color」ボタンをクリックしてみましょう。ボタンのクリックをきっかけに change_color() 関数が呼び出され、itemconfig() メソッドによって長方形の塗りつぶし色が緑に変更されます。

応用：長方形そのものをクリックして色を変更する

ボタンではなく、図形を直接クリックしたときに色を変えたい場合は、tag_bind() メソッドを使ってマウスイベントをアイテムに紐づけます。

# 長方形が左クリックされたときに色を変更する
def change_color(event):
    canvas.itemconfig(rectangle, fill='green')

canvas.tag_bind(rectangle, '<Button-1>', change_color)

このように <Button-1>（マウス左クリック）イベントをバインドすることで、キャンバス上の特定の図形に対してインタラクティブな操作を実装できます。