CustomTkinterでGUIアプリを作成する

 普段GUIアプリをpythonで作成する際はTkinterというGUIのライブラリを使用しています。Tkinterはシンプルなデザインなので、最低限自分で使うGUIを作るという観点では機能として十分なのですが、もう少しおしゃれなGUIを作りたい場合にCustomTkinterというものがあるみたいです。

今回はCustomTkinterを使ってみたので、使い方を簡単にまとめてみました。

開発環境

CunstomTkinterのインストール/チュートリアル

CustomTkinterのインストール

pip install customtkinter

チュートリアル

# ライブラリのインポート箇所
# ----------------------------------------------------------------------------------
import customtkinter
# -------------------------------------------------

def button_callback(): #  ボタンを押した際の動作の定義
    print("button pressed")

app = customtkinter.CTk()
app.title("my app") #  画面のタイトル名
app.geometry("400x150") #  画面の大きさの規定

button = customtkinter.CTkButton(app, text="my button", command=button_callback) #  ボタンの定義。textでボタンに表示される名前を規定。commandでボタンを押した際に呼び出す関数の設定
button.grid(row=0, column=0, padx=20, pady=20) #  ボタンの配置の規定

app.mainloop() #  画面を出し続けるためのおまじない

実行結果がこちらです。

タイトルに先ほど設定した"myapp"という言葉が入っており、mybuttonというボタンも作られています。こちらのボタンを押すと button pressedとコマンドライン上に表示されていることが分かります。

グリッドジオメトリの設定

app.grid_columnconfigure(0, weight=1)# 0列目の要素を重み1とする

また、今回はColumnのweightを設定しているため、横方向はボタンのサイズより小さくすることが出来なくなってます。縦方向はweightの設定をしていないため、ボタンサイズより小さくすることが出来るようになってます。

button.grid(row=0, column=0, padx=20, pady=20, sticky="ew")

ラジオボタンを追加する

checkbox_1 = customtkinter.CTkCheckBox(app, text="checkbox 1")#チェックボックス1の名前を入力
checkbox_1.grid(row=1, column=0, padx=20, pady=(0, 20), sticky="w")#チェックボックス1の配置を決める(column(列を0番目に配置))
checkbox_2 = customtkinter.CTkCheckBox(app, text="checkbox 2")#チェックボックス2の名前を入力
checkbox_2.grid(row=1, column=1, padx=20, pady=(0, 20), sticky="w")#チェックボックス1の配置を決める(column(列を1番目に配置))

このままだとmy buttonの見栄えが悪いため、my buttonをウィンドウ全体に広げます。

button.grid(row=0, column=0, padx=20, pady=20, sticky = "ew", columnspan = 2) #  ボタンの配置の規定(columnspanを2にすることで2列にまたがるボタンになる)

今回作成したプログラムをクラス化する

# ライブラリのインポート箇所
# -------------------------------------------------
import customtkinter
# -------------------------------------------------
class App(customtkinter.CTk):
    def __init__(self):
        super().__init__()

        self.title("my app")
        self.geometry("400x150")
        self.grid_columnconfigure((0, 1), weight=1)

        self.button = customtkinter.CTkButton(self, text="my button", command=self.button_callback)
        self.button.grid(row=0, column=0, padx=20, pady=20, sticky="ew", columnspan=2)
        self.checkbox_1 = customtkinter.CTkCheckBox(self, text="checkbox 1")
        self.checkbox_1.grid(row=1, column=0, padx=20, pady=(0, 20), sticky="w")
        self.checkbox_2 = customtkinter.CTkCheckBox(self, text="checkbox 2")
        self.checkbox_2.grid(row=1, column=1, padx=20, pady=(0, 20), sticky="w")
        
    def button_callback(self):
        print("button pressed")

app = App()
app.mainloop()

(補足)クラス化してないソースコード

# ライブラリのインポート箇所
# -------------------------------------------------
import customtkinter
# -------------------------------------------------

def button_callback(): #  ボタンを押した際の動作の定義
    print("button pressed")

app = customtkinter.CTk()
app.title("my app") #  画面のタイトル名
app.geometry("400x150") #  画面の大きさの規定
app.grid_columnconfigure((0,1), weight=1)# 0列目の要素を重み1とする

button = customtkinter.CTkButton(app, text="my button", command=button_callback) #  ボタンの定義。textでボタンに表示される名前を規定。commandでボタンを押した際に呼び出す関数の設定
button.grid(row=0, column=0, padx=20, pady=20, sticky = "ew", columnspan = 2) #  ボタンの配置の規定(columnspanを2にすることで2列にまたがるボタンになる)

checkbox_1 = customtkinter.CTkCheckBox(app, text="checkbox 1")#チェックボックス1の名前を入力
checkbox_1.grid(row=1, column=0, padx=20, pady=(0, 20), sticky="w")#チェックボックス1の配置を決める(column(列を0番目に配置))
checkbox_2 = customtkinter.CTkCheckBox(app, text="checkbox 2")#チェックボックス2の名前を入力
checkbox_2.grid(row=1, column=1, padx=20, pady=(0, 20), sticky="w")#チェックボックス1の配置を決める(column(列を1番目に配置))
app.mainloop() #  画面を出し続けるためのおまじない