Tkinterで図形に透明度（アルファ値）を設定する方法を解説

TkinterのCanvas（キャンバス）ウィジェットは、アプリケーションにグラフィックスを描画するための多機能なウィジェットです。図形や画像の表示、アニメーションの作成、複雑なビジュアル表現など、幅広い用途に活用できます。

しかし、Canvasで描画した図形に直接透明度（アルファ値）を指定する機能は標準では用意されていません。そこで本記事では、Pillowライブラリと組み合わせて、半透明の図形を描画するテクニックを紹介します。

透明度を実現する仕組み

Canvasの図形そのものにはアルファ値を設定できないため、次のようなアプローチを取ります。

まず、すべての図形は何らかの色を持っていると仮定します。図形にアルファ値を与える場合、その色情報に透明度を含めたRGBA形式の画像として変換します。そして、生成した画像をCanvasウィジェット上に表示することで、擬似的に半透明の図形を実現します。

サンプルコード

# 必要なライブラリをインポート
from tkinter import *
from PIL import Image, ImageTk

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

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

# 生成した画像を保持するリスト
images = []

# 半透明の矩形を作成する関数
def create_rectangle(x, y, a, b, **options):
    if 'alpha' in options:
        # 各色(RGB)に対してアルファ透明度を計算
        alpha = int(options.pop('alpha') * 255)
        # fill変数を使って図形を透明色で塗りつぶす
        fill = options.pop('fill')
        fill = win.winfo_rgb(fill) + (alpha,)
        image = Image.new('RGBA', (a - x, b - y), fill)
        images.append(ImageTk.PhotoImage(image))
        canvas.create_image(x, y, image=images[-1], anchor='nw')
        canvas.create_rectangle(x, y, a, b, **options)

# Canvasウィジェットを追加
canvas = Canvas(win)

# キャンバス上に矩形を作成
create_rectangle(50, 110, 300, 280, fill="blue", alpha=.3)
create_rectangle(60, 90, 310, 250, fill="red", alpha=.3)

canvas.pack()

win.mainloop()

コードのポイント

• winfo_rgb()メソッド：Tkinterの色名（例："blue"、"red"）をRGB値に変換します。ここにアルファ値をタプルとして追加し、RGBAカラーを構成しています。
• PIL.Image.new()：RGBAモードで新しい画像を生成し、指定した座標範囲を半透明の色で塗りつぶします。
• imagesリスト：PhotoImageオブジェクトはPythonのガベージコレクションによって破棄されると表示が消えるため、参照を保持しておくことが重要です。

実行結果

上記のコードを実行すると、青と赤の2つの半透明な矩形が重なり合って表示されます。重なった部分では色が混ざり合って見え、アルファ値による透過効果を確認できます。

alpha引数の値を0.0〜1.0の範囲で変更すると、透明度を自由に調整できます。値が小さいほど透明に近づき、大きいほど不透明になります。