【Python】ttk：Button（ボタン）の使い方（外観設定・オプション一覧・スタイル設定）

ttkのインポート

tkinterは標準ライブラリのためpipでインストールする必要はありません。

tkinter.ttkモジュールはTk 8.5から使えるようになり、最新のPythonであれば問題なく使用できます。

ttkを使用するために、プログラムの先頭でttkをインポートする必要があります。

ttkをインポートすることで各ウィジェット（ボタン、ラベル、エントリー等）が使用できます。

ボタンウィジェットの作成

ttkのボタンウィジェットはtkinterと同じように文字や画像をボタン上に表示することができ、ボタンのクリック時にイベント（関数）を走らせることができます。

ttkによるボタンウィジェットの作成は下記のように記述します。

上記ではボタンウィジェットの作成では、第一引数にはボタンウィジェットを設置するフレームを指定、第二引数にはtextでボタン上に表示する文字列を指定しています。

ボタンウィジェットのオブジェクトを作成しただけでは表示されないので、忘れずにpack()やgrid()でフレーム上に配置してください。

ttkによるボタンウィジェットにもオプション引数（コンフィグ）が複数用意されてあり、それを用いることで外観を変更できます。

またttkにはスタイル（Style）属性が新たに追加されており、スタイルでないと変更できない設定なども多くあります。

このオプション（コンフィグ）とスタイルがttkを使いこなすことで、洗練されたGUIを作成できるようになります。

default

button1 = ttk.Button(frame, text="ttk Button")
button2 = ttk.Button(frame, text="ttk Button", default="active")
button3 = ttk.Button(frame, text="ttk Button", default="disabled")

state

button1 = ttk.Button(frame, text="ttk Button")
button2 = ttk.Button(frame, text="ttk Button", state="disabled")

compound

compoundオプションは画像をテキストに対してどの位置にするかを指定します。

tkinterのボタンウィジェットと使い方は同じです。
詳しい使い方は以下記事をご参照ください。

tkinter:ボタンウィジェットの画像表示（compoundオプション）

padding

button1 = ttk.Button(frame, text="Button1", padding=[10,20,10,20])
button2 = ttk.Button(frame, text="Button2",padding=[5,10,5])
button3 = ttk.Button(frame, text="Button3",padding=[5,10])
button4 = ttk.Button(frame, text="Button4",padding=[10])

tkinterではheightでボタンの縦幅を指定できましたがttkではできなくなりました。
そのためpaddingによる内部間隔を使って、ボタンの高さを調整します。

cursor

cursorオプションでは、マウスカーソルがボタンと重なった時のマウスカーソルを指定できます。

指定できるカーソルの種類はたくさんあります。
詳しくは下記リンクをご参照ください。

tkinter – cursor -

スタイルとは

ttkでは上述しているボタンウィジェットのオブジェクト生成時に指定できるオプション引数だけでなく、スタイル（Style）で外観を変更できます。

ttkの各ウィジェットはデフォルトスタイルが設定されています。
ボタンウィジェットであればTButtonというスタイルが設定されています。

ttkでスタイルによる外観変更をするには、まず新たにスタイルを作成することから始めます。

• style = ttk.Style()
• style.configure("office.TButton", font=20, anchor="w")

上記では「office.TButton」という名前のスタイルを新たに作成しています。
オプションでfontサイズを指定し、テキストの位置をw（左側）に指定してます。

この作成したスタイルは以下のようにボタンウィジェットに指定します。

スタイルで設定できるオプション一覧

下記にttkにおけるスタイルで指定できるオプション一覧を記します。

テーマ依存のオプションは、使用しているテーマによって反映しないことがあります。
これはテーマで設定されているスタイルが優先されるためです。

テーマについては次項で説明いたします。

テーマ（theme）とは

ttkはテーマ付きウィジェット（Tk themed widget）と言われるように、各ウィジェットにはテーマが設定されています。

テーマによって統一した外観のウィジェットを使ってGUIアプリを作成できています。
そしてテーマを変更することによって各ウィジェットの外観を変更できます。

テーマの変更

テーマの変更にはtheme_use()メソッドを使用します。

• style = ttk.Style()
• style.theme_use('classic')
• style.configure("office.TButton", anchor="w", font=20, background="blue")

テーマ一覧の確認

現在の環境で使用できるテーマの確認にはtheme_names()を使用します。

>>> from tkinter import ttk
>>> style = ttk.Style()
>>> style.theme_names()
('winnative', 'clam', 'alt', 'default', 'classic', 'vista', 'xpnative')