mcpField
C
customtkinter

customtkinter

github.com/kenvindev開発044 回インストール34 週間前に更新
リポジトリ

customtkinter について

CustomTkinterは、PythonのGUIを構築するためのtkinterベースのライブラリです。テーマ付きウィンドウや外観設定、一般的なレイアウト方法を扱います。

主な機能

  1. 01メインウィンドウとサブウィンドウの作成
  2. 02ライトまたはダーク外観の設定
  3. 03デフォルトカラーテーマの設定
  4. 04pack、grid、placeによる配置

活用シーン

  1. 01Python GUIアプリの構築
  2. 02アプリの明暗外観の設定
  3. 03フォーム、タブ、スクロール領域の作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/kenvindev/customtkinter-skill --skill customtkinter

インストール後、Claude Code で/customtkinterを入力して読み込まれたか確認します。

同梱ファイルexamples.mdreference.md

詳細

CustomTkinter

クイックスタート

import customtkinter

app = customtkinter.CTk()
app.geometry("600x500")
app.title("My App")
# thêm widgets...
app.mainloop()

インストール：pip install customtkinter

一般的なルール

  1. Tk() ではなく CTk() を使用する – テーマは CTk を使用した場合にのみ適用されます。tkinter.Tk() は使用しないでください。
  2. CTk のインスタンスは 1 つだけ – メインウィンドウは 1 つだけにし、.mainloop() を 1 回だけ呼び出してください。
  3. 子ウィンドウ – CTkToplevel(master) を使用してください。Toplevel に対して mainloop を呼び出さないでください。
  4. レイアウト – 標準の tkinter と同様に、pack()、grid()、または place() を使用してください。

クラスを使ったアプリの構成

class App(customtkinter.CTk):
    def __init__(self):
        super().__init__()
        self.geometry("600x500")
        self.title("My App")
        self.grid_rowconfigure(0, weight=1)
        self.grid_columnconfigure(0, weight=1)
        # thêm widgets...

app = App()
app.mainloop()

色

  • 単色：fg_color="red" または fg_color="#FF0000"
  • タプル（ライト、ダーク）：fg_color=("#DB3E39", "#821D1A") – 外観モードに応じて自動的に選択されます

テーマと外観

# Trước khi tạo CTk()
customtkinter.set_appearance_mode("system")  # "dark" | "light" | "system"
customtkinter.set_default_color_theme("blue")  # "blue" | "green" | "dark-blue" | "path/to.json"

Toplevel – ウィンドウの重複表示を避ける

def open_toplevel(self):
    if self.toplevel_window is None or not self.toplevel_window.winfo_exists():
        self.toplevel_window = ToplevelWindow(self)
    else:
        self.toplevel_window.focus()

参考資料

  • ウィジェット、ウィンドウ、色、パッケージ化に関する API の詳細：reference.md
  • コード例：基本アプリ、フォーム、タブビュー、スクロール可能なフレーム、ダイアログ：examples.md

コメント

Markdown 対応