TkinterでTreeviewの背景色を変更する方法をわかりやすく解説

Treeviewウィジェットは、データを階層構造で表示するために設計されたtkinterの標準ウィジェットです。ディレクトリや子フォルダ、ファイルなどをリスト形式で整理して表示できるため、ファイルエクスプローラーのようなUIを作る際によく使われます。

Treeviewはttkモジュールに属するウィジェットのため、通常のtkウィジェットのようにコンストラクタへ直接オプションを渡すだけでは背景色を変更できません。背景色を変えるには、ttk.Styleクラスを使ってスタイルを設定します。

Treeviewの背景色を変更する基本の手順

Styleオブジェクトのconfigure()メソッドを使い、「Treeview」というスタイル名に対して以下のプロパティを定義します。

• background: 各行（アイテム）の背景色
• fieldbackground: ツリー領域全体の背景色
• foreground: 文字色

さらにmap()メソッドを使えば、マウスで選択したときの背景色など、状態ごとの色分けも可能です。

サンプルコード

# 必要なライブラリをインポート
import tkinter as tk
from tkinter import ttk

# ウィンドウのインスタンスを作成
win = tk.Tk()

# ウィンドウサイズを設定
win.geometry("700x350")

# Styleオブジェクトを作成し、Treeviewの配色を設定
style = ttk.Style(win)
style.configure("Treeview",
                background="purple4",
                fieldbackground="purple4",
                foreground="white",
                rowheight=28,
                font=('Times', 13))

# 見出し（ヘッダー）部分のスタイルも設定
style.configure("Treeview.Heading",
                background="black",
                foreground="white")

# 選択中の行の背景色を黒に変更
style.map("Treeview",
          background=[("selected", "black")])

# Treeviewウィジェットを作成
tree = ttk.Treeview(win, show="tree headings")
tree.heading("#0", text="項目一覧")
tree.column("#0", width=400)

# リストに項目を追加
items = ["item1", "item2", "item3", "item4", "item5"]
for item in items:
    tree.insert("", "end", text=item)

tree.pack(fill="both", expand=True)

win.mainloop()

実行結果

上記のコードを実行すると、紫（purple4）を基調とした背景色のTreeviewウィジェットが表示され、白い文字で項目が並びます。ヘッダー部分は黒背景・白文字になり、任意の行をクリックして選択すると、その行だけ背景が黒色に切り替わります。

ポイントまとめ

• ttkウィジェットの外観はttk.Styleで統一的に管理される
• 行とツリー領域それぞれにbackgroundとfieldbackgroundを指定すると見た目のむらを防げる
• style.map()を使うと選択状態やホバー状態に応じた動的な色変更が実現できる