【CustomTkinter】テキスト記述でGUIを簡単作成するライブラリを紹介！

title:PDF結合ツール
mode:dark
size:600,300

input_folder:入力フォルダ,選択
output_file:出力ファイル,選択
{
	label:PDFの回転
	rotate_combo:90,180,270
}
exec_button:PDF結合

from create_ui import CreateUI

# ボタンが押された時に呼び出される関数    
def exec(param):
    print(param)

# 画面作成クラスのインスタンス生成    
ui = CreateUI(exec)

# UI定義ファイルに従ってウィジェットを表示
ui.show()

title:選択画面
mode:light
max:1024,900
size:600,900
min:600,900

select_file:ファイル選択,選択
baset_combo:選択1,選択2,選択3
line_entry:60,12345ABCDE

update_group:
update1_radio:更新モード１,update_group,1
update2_radio:更新モード２,update_group,2

update_group:
update1_radio:更新モード１,update_group,1
update2_radio:更新モード２,update_group,2
delete_group:
mode1_radio:削除モード１,delete_group,1
mode2_radio:削除モード２,delete_group,2

from create_ui import CreateUI

# ボタンが押された時に呼び出される関数    
def exec(param):
    if param["_clicked_widget"] == "exec_button":
       # ここに、exec_buttonがクリックされた時の処理を記述

# 画面作成クラスのインスタンス生成    
ui = CreateUI(exec)

# UI定義ファイルに従ってウィジェットを表示
ui.show()

exec_button:実行,myfunc,func

ui.widgets["_main1_switch"].select()
ui.widgets["_main2_switch"].deselect()

ui.widgets["err_message"].configure(text="ファイルを更新できません。")

ui.widgets["my_listbox"].set_items(["1","2","3"])

# グラフ描画の関数
def func(x):
   
    fig = x["input_fig"].fig
    ax = fig.add_subplot(111)
    ax.plot([1, 2, 3, 4, 3, 2, 1], [1, 4, 2, 3, 3, 2, 1])
    fig.tight_layout()
    x["input_fig"].draw() 

ui = CreateUI(func)
ui.show()

my_image:250,150,P:/data/images2/00365-4029209453.png

# 画像の表示関数
def func(x):
    ui.widgets["_my1_image"].set("./00352-1952246855.png")

ui = CreateUI(func)
ui.show()

import os
from datetime import datetime
import customtkinter as ctk
from PIL import Image, ImageTk
from customtkintercontrols import App
from customtkintercontrols import FileSelectionControl
from customtkintercontrols import FolderSelectionControl
from customtkintercontrols import SaveFileDialogControl
from customtkintercontrols import EntryControl
from customtkintercontrols import TextBoxControl
from customtkintercontrols import ComboBoxControl
from customtkintercontrols import FigureCanvas
from customtkintercontrols import ImageControl
from customtkintercontrols import ListBoxControl
from appconfig import AppConfig 

class CreateUI:
    """
    テキストで定義された内容に従って画面にウィジェットを配置する
    """   
    def __init__(self,command=None,design_path="./design.txt",config_path="./config.json"):
        self.design_path = design_path
        self.command = command
        self.widgets = {}
        self.stack =  []
        self.group = {}

        # 前回入力値の保存・復元用インスタンスの生成
        self.conf = AppConfig(config_path)
        # メインウィンドウの作成
        self.app = App()     

    # ウィンドウを閉じる時に呼ばれる関数
    def close_window(self):

        # ラジオボタン用グループ変数の復元
        for key,val in self.group.items():
            self.conf.set(key,val.get())

        # 画面入力値を保存
        for key,widget in self.widgets.items():
            if hasattr(widget, 'get') :
                self.conf.set(key,widget.get())
        self.conf.write()
        # プログラムの終了
        self.app.quit()      

    # ボタンが押された時のコールバック関数
    def call_back(self,func,widget_name):
        param = {k:v.get() if hasattr(v, 'get') else v for k,v in self.widgets.items() }
        param.update({k: v.get() for k, v in self.group.items()})
        param['_clicked_widget'] = widget_name

        func(param)  

    def show(self):
        # -----------------------------------------------
        # メインウインドウの定義
        # -----------------------------------------------

        # ウィンドウを閉じる時に呼びたい関数を登録
        self.app.protocol("WM_DELETE_WINDOW", self.close_window)

        # -----------------------------------------------
        # 画面レイアウト（ウィジェット）の定義 
        # -----------------------------------------------

        # 定義ファイルの参照と解析
        with open(self.design_path,"r",encoding="utf-8") as f:
            
            # ファイルの内容に従ってウィジェットを生成する
            for line in f.readlines() :
                
                # 改行を削除し、コロンで分割
                item = line.strip().split(":")
                
                # 空行またはコメント行(#)なら読み飛ばす
                if item[0] == "" or item[0].startswith("#"):
                    continue
                
                # 0番目（キー）を取得
                name = item[0].strip()

                # グループの開始なら、そのグループに以降のウィジェットを配置
                if name.startswith("{") :
                    self.stack.append(self.app)
                    self.app = ctk.CTkFrame(self.app)
                    if "<>" in name :
                        self.app.pack(padx=10,pady=10,expand=True)
                    else:
                        self.app.pack(padx=10,pady=10,fill="x")
                    continue
                
                # グループの終了なら、ウィジェットの配置先をルートに戻す
                if name ==  "}":
                    self.app = self.stack.pop()
                    continue
                
                # 1番目（バリュー）を取得し、カンマで分割
                values = item[1].split(",")

                # ファイルの内容に従って生成したウィジェットを格納するための変数を初期化
                widget = None
                
                # キーに従って処理を分岐
                if name == "title":
                    self.app.title(values[0]) 
                    continue
                
                # 画面サイズ
                elif name == "size":
                    self.app.geometry(f"{values[0]}x{values[1]}")
                    continue
                
                # 画面の最小サイズ
                elif  name == "min":
                    self.app.minsize(width=int(values[0]), height=int(values[1])) 
                    continue
                
                # 画面の最大サイズ
                elif  name == "max":
                    self.app.maxsize(width=int(values[0]), height=int(values[1])) 
                    continue
                
                # dark又はlight モーdの指定
                elif name == "mode": 
                    ctk.set_appearance_mode(values[0]) 
                    continue
                
                # グラフ描画
                elif name.endswith("fig"):
                    self.widgets[name] = FigureCanvas(figsize=(int(values[0]),int(values[1])))
                    continue
                
                # 画像表示
                elif name.endswith("image"):
                    width = int(values[0])
                    height = int(values[1])
                    img = line.strip().split(',')
                    widget = ImageControl(self.app,width,height)
                    if len(img) > 2:
                        widget.set(img[2])

                # ラベル
                elif name == "label":
                    widget = ctk.CTkLabel(self.app,text=values[0])  

                # メッセージ表示ラベル
                elif name.endswith("message"):
                    widget = ctk.CTkLabel(self.app,text=values[0])
                    if len(values) > 0:  
                        widget.configure(text=values[0])

                # リストボックス
                elif name.endswith("listbox"):
                    multi = True if values[0].lower() == "true" else False
                    widget = ListBoxControl(self.app,multiple_selection=multi)
                    if len(values) > 1:
                        widget.set_items(x for x in values[1:]) 

                # ファイル選択ダイアログ        
                elif name.endswith("file"): 
                    widget = FileSelectionControl(self.app)
                    widget.label.configure(text=values[0])
                    widget.button.configure(text=values[1])
                
                # ファイル選択ダイアログ（保存用）        
                elif name.endswith("save"): 
                    widget = SaveFileDialogControl(self.app)
                    widget.label.configure(text=values[0])
                    widget.button.configure(text=values[1])
                
                # フォルダ選択ダイアログ    
                elif name.endswith("folder") :
                    widget = FolderSelectionControl(self.app)
                    widget.label.configure(text=values[0])
                    widget.button.configure(text=values[1])  
                
                # スイッチ              
                elif name.endswith("switch") : 
                    widget = ctk.CTkSwitch(self.app, text=values[0]) 
                
                # チェックボックス   
                elif name.endswith("check") : 
                    widget = ctk.CTkCheckBox(self.app, text=values[0])

                # チェックボックス用グループ   
                elif name.endswith("group") :
                    self.group[name] = ctk.IntVar()
                    self.group[name].set(self.conf.get(name,0))
                    continue

                # ラジオボタン   
                elif name.endswith("radio") : 
                    widget = ctk.CTkRadioButton(self.app, text=values[0],variable=self.group[values[1]],value=int(values[2]))  

                # １行入力     
                elif name.endswith("entry") : 
                    widget = EntryControl(self.app) 
                    widget.entry.configure(width=int(values[0]))
                    if len(values) > 1:                        
                        widget.set(values[1]) 
                  
                # エリア入力    
                elif name.endswith("text") :
                    widget = TextBoxControl(self.app)
                    val = int(values[0])
                    if val >= 0: 
                        widget.textbox.configure(height=val) 
                    if len(values) > 1:          
                        widget.set(values[1])  
                
                # コンボボックス    
                elif name.endswith("combo") : 
                    widget = ComboBoxControl(self.app)
                    if len(values) > 0:
                        widget.set_items([x for x in values]) 
                
                # ボタン
                elif name.endswith("button"):
                    if self.command is None:
                        if len(values) > 2 and os.path.isfile(values[1]):
                            module = __import__(values[1])
                            func = getattr(module, values[2])
                    else:
                        func = self.command
                    widget = ctk.CTkButton(self.app,text=values[0],height=40,command=lambda n=name:self.call_back(func,n))
                
                # ウィジェットを画面に配置
                if widget is not None: 
                    self.widgets[name] = widget
                    if len(self.stack) > 0:
                        widget.pack(padx=10,pady=10,side="left")
                    else:
                        widget.pack(padx=10,pady=10,fill="x")

        # -----------------------------------------------
        # 前回実行時の画面入力値を復元
        # -----------------------------------------------
        # 各種ウイジェットの復元
        for key,widget in self.widgets.items():
            if key.startswith("_"):
                continue

            if isinstance(widget, ctk.CTkCheckBox) or isinstance(widget, ctk.CTkSwitch):
                if self.conf.get(key):
                    widget.select()
                else :
                    widget.deselect()

            elif hasattr(widget, 'set') :
                val = self.conf.get(key)
                widget.set("" if val is None else val)

        # -----------------------------------------------
        # CustomTkinterの起動 
        # -----------------------------------------------

        # メインループを開始
        self.app.mainloop()