Tkinterでボタンのテキストサイズをウィンドウに合わせて動的に変更する方法

Tkinterのフレーム内にボタンを作成した際、ボタンのテキストをメインウィンドウのサイズに合わせて動的に拡大・縮小させたいケースはよくあります。ボタン自体はButtonウィジェットを使えば簡単に作成できますが、テキストサイズを動的に変化させるには、いくつかの機能を組み合わせる必要があります。

この記事では、テキスト付きのボタンを作成し、Gridメソッドのrowconfigure()とcolumnconfigure()を使って、メインウィンドウ（ルートウィンドウ）のリサイズに追従できるようにする方法を解説します。

bind(<Configure>)でイベントを結び付ける

ボタンのテキストを動的に変更する鍵となるのが、bind("<Configure>", 関数)メソッドです。このメソッドを使うと、ウィンドウの設定変更イベントと任意の関数を結び付けることができます。

bindにはコールバック関数を渡します。ウィンドウのサイズが変わるたびに、新しい幅や高さの情報がこのコールバック関数に渡され、その値をもとにボタンのフォントサイズを調整する仕組みです。

具体的な流れとしては、まずボタンの幅に応じてテキストサイズを計算して変更し、次に高さに応じた条件分岐でフォントサイズを切り替えます。

サンプルコード

from tkinter import *

win = Tk()
win.geometry("700x300")

# ウィンドウとウィジェットを動的にリサイズできるよう設定
Grid.rowconfigure(win, index=0, weight=1)
Grid.columnconfigure(win, index=0, weight=1)

# ボタンのテキストサイズを変更する関数を定義
def resize(e):
    # ボタンの幅を取得
    w = e.width / 10
    # ボタンのテキストを動的にリサイズ
    b.config(font=("Times New Roman", int(w)))
    # 高さに応じてフォントサイズを調整
    if e.height <= 300:
        b.config(font=("Times New Roman", 30))
    elif e.height < 100:
        b.config(font=("Times New Roman", 10))

# ボタンを作成して配置
b = Button(win, text="Python")
b.grid(row=0, column=0, sticky="nsew")

# ウィンドウのConfigureイベントに関数をバインド
win.bind('', resize)
win.mainloop()

コードのポイント

• rowconfigure() / columnconfigure()：weight=1を指定することで、ウィンドウのリサイズに合わせてグリッドセルが伸縮します。
• sticky="nsew"：ボタンを上下左右いっぱいに広げて配置し、セルのサイズ変化に追従させます。
• e.width / e.height：イベントオブジェクトから現在のウィンドウサイズを取得し、フォントサイズの算出に利用します。

実行結果

上記のコードを実行すると、「Python」というテキストが表示されたボタンが作成されます。ウィンドウの端をドラッグしてサイズを変更すると、それに連動してボタンとテキストのサイズが自動的に拡大・縮小されます。