tkinter.ttk.Treeview【ツリービュー ウィジェット】

動的外観変更〔 例 〕

style.map (スタイル名, 対象 = [(状態, 状態の値)])

色の詳細

配置位置の詳細 ( column( )・heading( ) ・Heading-anchor )

マウスカーソル名の詳細 ( cursor )

内部間隔リストの詳細 ( padding )

外観の詳細 ( Heading-relief )

import tkinter as tk
import tkinter.ttk as ttk

# トップレベルウィンドウ作成
root = tk.Tk()

# ttk.Treeview (Tree)
tree = ttk.Treeview(
    root,
    height=5,
    show="tree",
)
# 列定義
tree.column("#0", width=100)
# アイテム挿入
iid = tree.insert("", tk.END, "ITEM_1", text="Item1", open=True)
iid = tree.insert(iid, tk.END, "ITEM_2", text="Item2", open=True)
iid = tree.insert(iid, tk.END, "ITEM_3", text="Item3")
iid = tree.insert("", tk.END, "ITEM_4", text="Item4")
# 配置
tree.pack(padx=10, pady=10, anchor=tk.W)

# ttk.Treeview (View)
view = ttk.Treeview(
    root,
    columns=["COL_A", "COL_B", "COL_C"],
    height=5,
    show="headings",
)
# 列定義
view.column("COL_A", width=80)
view.column("COL_B", width=80)
view.column("COL_C", width=80)
# 見出し 定義
view.heading("COL_A", text="データ列A")
view.heading("COL_B", text="データ列B")
view.heading("COL_C", text="データ列C")
# アイテム挿入
view.insert(
    "",
    tk.END,
    values=("data-1-a", "data-1-b", "data-1-c"))
view.insert(
    "",
    tk.END,
    values=("data-2-a", "data-2-b", "data-2-c"))
view.insert(
    "",
    tk.END,
    values=("data-3-a", "data-3-b", "data-3-c"))
view.insert(
    "",
    tk.END,
    values=("data-4-a", "data-4-b", "data-4-c"))
# 配置
view.pack(padx=10, pady=10, anchor=tk.W)

# ttk.Treeview
treeview = ttk.Treeview(
    root,
    columns=["COL_A", "COL_B", "COL_C"],
    height=5,
)
# 列定義
treeview.column("#0", width=100)
treeview.column("COL_A", width=80)
treeview.column("COL_B", width=80)
treeview.column("COL_C", width=80)
# 見出し 定義
treeview.heading("#0", text="階層列")
treeview.heading("COL_A", text="データ列A")
treeview.heading("COL_B", text="データ列B")
treeview.heading("COL_C", text="データ列C")
# アイテム挿入
iid = treeview.insert(
    "",
    tk.END,
    text="item1",
    open=True,
    values=("data-1-a", "data-1-b", "data-1-c", "data-1-d"))
iid = treeview.insert(
    iid,
    tk.END,
    text="item2",
    open=True,
    values=("data-2-a", "data-2-b", "data-2-c", "data-2-d"))
iid = treeview.insert(
    iid,
    tk.END,
    text="item3",
    values=("data-3-a", "data-3-b", "data-3-c", "data-3-d"))
iid = treeview.insert(
    "",
    tk.END,
    text="item4",
    values=("data-4-a", "data-4-b", "data-4-c", "data-4-d"))
# 配置
treeview.pack(padx=10, pady=10, anchor=tk.W)

# メインループ
root.mainloop()

import tkinter as tk
import tkinter.ttk as ttk
from tkinter import font

# トップレベルウィンドウ作成
root = tk.Tk()
font_bold = font.Font(weight="bold")

# ttk.Treeview
treeview = ttk.Treeview(
    root,
    columns=["COL_A", "COL_B", "COL_C"],
    height=10,
)
# 列定義
treeview.column("#0", width=100)
treeview.column("COL_A", width=80)
treeview.column("COL_B", width=80)
treeview.column("COL_C", width=80)
# 見出し 定義
treeview.heading("#0", text="階層列")
treeview.heading("COL_A", text="データ列A")
treeview.heading("COL_B", text="データ列B")
treeview.heading("COL_C", text="データ列C")
# アイテム挿入
for row in range(1, 10):
    opt_tags = []
    opt_text = f"item{row}"
    opt_values = [f"data-{row}-a", f"data-{row}-b", f"data-{row}-c"]
    if row % 2 == 0:
        opt_tags.append("even")
    else:
        opt_tags.append("odd")
    if row % 3 == 1:
        opt_tags.append("bold")
    if row % 3 == 1:
        parent = ""
    else:
        parent = iid
    iid = treeview.insert(
        parent,
        tk.END,
        text=opt_text,
        values=opt_values,
        tags=opt_tags,
        open=True,
    )
# タグ
# (奇数行の背景色・前景色を変更)
treeview.tag_configure("odd", background="cyan", foreground="blue")
# (３行毎にフォントを変更)
treeview.tag_configure("bold", font=font_bold)
# 配置
treeview.pack(padx=10, pady=10, fill=tk.BOTH)

# メインループ
root.mainloop()

import tkinter as tk
import tkinter.ttk as ttk
from tkinter import font


def event_header(msg):
    print("event_header():", msg)
    var_msg_common.set(msg)


def event_tag(event):
    print("event_tag()", event)
    event_type = str(event.type)
    msg = ""
    if event_type == "ButtonPress":
        iid = treeview.identify_row(event.y)
        msg = "<Button-1> " + iid
    elif event_type == "KeyPress":
        iid = treeview.focus()
        msg = "<KeyPress-space> " + iid
    var_msg_common.set(msg)


def event_openclose(event, msg):
    print("event_openclose() ", event)
    var_msg_open.set(msg)


def event_select(event):
    print("event_select():", event)
    msg = "<<TreeviewSelect>> " + str(treeview.selection())
    var_msg_select.set(msg)


# トップレベルウィンドウ作成
root = tk.Tk()
font_heading = font.Font(size=10, weight="bold")
font_std = font.Font(size=10)

# ttk.Treeview
style = ttk.Style()
style.configure(
    "example.Treeview",
    font=font_std,
    )
style.configure(
    "example.Treeview.Heading",
    font=font_heading,
    )
treeview = ttk.Treeview(
    root,
    style="example.Treeview",
    columns=["COL_A"],
    height=11,
)
# 列定義
treeview.column("#0", width=220)
treeview.column("COL_A", width=180)
# 見出し 定義
treeview.heading(
    "#0",
    text="クリック イベント",
    command=lambda: event_header("#0"))
treeview.heading(
    "COL_A",
    text="クリック イベント",
    command=lambda: event_header("COL_A"))
# アイテム挿入
for row in range(1, 11):
    opt_iid = f"item{row}"
    opt_tags = []
    opt_text = f"item{row} (選択・開閉イベント)"
    if row % 2 == 0:
        opt_tags.append("even")
        opt_values = ["タグ用イベント なし"]
    else:
        opt_tags.append("odd")
        opt_values = ["クリック・[space]キー イベント"]
    if row % 3 == 1:
        parent = ""
    else:
        parent = iid
    iid = treeview.insert(parent, tk.END, iid=opt_iid,
        text=opt_text, values=opt_values, open=True,
        tags=opt_tags)
# タグ
treeview.tag_configure("odd", background="cyan", foreground="blue")
treeview.tag_bind("odd", "<Button-1>", event_tag)
treeview.tag_bind("odd", "<KeyPress-space>", event_tag)
# 仮想イベント
treeview.bind("<<TreeviewSelect>>", event_select)
treeview.bind(
    "<<TreeviewOpen>>",
    lambda event: event_openclose(event, "<<TreeviewOpen>>"))
treeview.bind(
    "<<TreeviewClose>>",
    lambda event: event_openclose(event, "<<TreeviewClose>>"))
# 配置
treeview.pack(padx=10, pady=10, fill=tk.BOTH)

# Label (common)
var_msg_common = tk.StringVar(value="var_msg_common")
label_common = tk.Label(
    root,
    font=font_std,
    textvariable=var_msg_common,
    anchor=tk.W,
    relief=tk.SUNKEN,
)
label_common.pack(side=tk.BOTTOM, fill=tk.X)

# Label (open/close)
var_msg_open = tk.StringVar(value="var_msg_open")
label_open = tk.Label(
    root,
    font=font_std,
    textvariable=var_msg_open,
    anchor=tk.W,
    relief=tk.SUNKEN,
)
label_open.pack(side=tk.BOTTOM, fill=tk.X)

# Label (select)
var_msg_select = tk.StringVar(value="var_msg_select")
label_select = tk.Label(
    root,
    font=font_std,
    textvariable=var_msg_select,
    anchor=tk.W,
    relief=tk.SUNKEN,
)
label_select.pack(side=tk.BOTTOM, fill=tk.X)

# メインループ
root.mainloop()

# scrolledtreeview.py
from tkinter import Frame, Pack, Grid, Place
from tkinter.ttk import Treeview, Scrollbar
from tkinter.constants import HORIZONTAL, NSEW


class ScrolledTreeview(Treeview):
    def __init__(self, master=None, **kw):
        name = kw.get("name")
        if name == None:
            name = ""
        self.frame = Frame(master, name=name)
        self.frame.rowconfigure(0, weight=1)
        self.frame.columnconfigure(0, weight=1)
        self.vbar = Scrollbar(self.frame)
        self.vbar.grid(row=0, column=1, sticky="NWS")
        self.hbar = Scrollbar(self.frame, orient=HORIZONTAL)
        self.hbar.grid(row=1, column=0, sticky="SWE")

        kw.update({'yscrollcommand': self.vbar.set})
        kw.update({'xscrollcommand': self.hbar.set})
        Treeview.__init__(self, self.frame, **kw)
        self.grid(row=0, column=0, sticky=NSEW)
        self.vbar['command'] = self.yview
        self.hbar['command'] = self.xview

        text_meths = vars(Treeview).keys()
        methods = vars(Pack).keys() | vars(Grid).keys() | vars(Place).keys()
        methods = methods.difference(text_meths)
        for m in methods:
            if m[0] != '_' and m != 'config' and m != 'configure':
                setattr(self, m, getattr(self.frame, m))

    def forget_hbar(self):
        self.hbar.grid_forget()

    def forget_vbar(self):
        self.vbar.grid_forget()

    def __str__(self):
        return str(self.frame)

import tkinter as tk
from scrolledtreeview import ScrolledTreeview


class MyScrolledTreeview(ScrolledTreeview):
    def __init__(self, master=None, **kw):
        ScrolledTreeview.__init__(
            self,
            master,
            columns=["COL_A", "COL_B", "COL_C"],
            height=5,
            **kw)
        # 列定義
        self.column("#0", width=100, minwidth=100)
        self.column("COL_A", width=100, minwidth=100)
        self.column("COL_B", width=100, minwidth=100)
        self.column("COL_C", width=100, minwidth=100)
        # 見出し定義
        self.heading("#0", text="階層列")
        self.heading("COL_A", text="データ列A")
        self.heading("COL_B", text="データ列B")
        self.heading("COL_C", text="データ列C")
        # アイテム挿入
        for row in range(1, 11):
            if row % 3 == 1:
                parent = ""
            else:
                parent = iid
            iid = self.insert(
                parent,
                tk.END,
                iid=f"item{row}",
                text=f"item{row}",
                values=[f"data_{row}_a", f"data_{row}_b", f"data_{row}_c"],
                open=True,
                )


# トップレベルウィンドウ作成
root = tk.Tk()
root.geometry("300x700")

# ScrolledTreeview (1)
treeview_1 = MyScrolledTreeview(root)
treeview_1.pack(padx=10, pady=10, anchor=tk.W, fill=tk.X)

# ScrolledTreeview (2)
treeview_2 = MyScrolledTreeview(root)
treeview_2.pack(padx=10, pady=10, anchor=tk.W, fill=tk.X)
treeview_2.forget_hbar()

# ScrolledTreeview (3)
treeview_3 = MyScrolledTreeview(root)
treeview_3.pack(padx=10, pady=10, anchor=tk.W, fill=tk.X)
treeview_3.forget_vbar()

# ScrolledTreeview (4)
treeview_4 = MyScrolledTreeview(root)
treeview_4.pack(padx=10, pady=10, anchor=tk.W, fill=tk.X)
treeview_4.forget_hbar()
treeview_4.forget_vbar()

# メインループ
root.mainloop()

import tkinter as tk
import tkinter.ttk as ttk

# トップレベルウィンドウ作成
root = tk.Tk()

# Style
style = ttk.Style()
style.theme_use("alt")  # for fieldbackground
style.configure(
    "example.Treeview",
    background="yellow",
    fieldbackground="darkgray",
    foreground="blue",
)
style.map(
    "example.Treeview",
    fieldbackground=[
        ('disabled', 'black'),
    ],
    foreground=[
        ('disabled', 'black'),
        ('selected', 'red'),
    ],
    background=[
        ('disabled', 'darkgray'),
        ('selected', 'lightgreen'),
    ],
)

# ttk.Treeview
treeview = ttk.Treeview(
    root,
    style="example.Treeview",
    columns=["COL_A"],
    height=10,
)
# 列定義
treeview.column("#0", width=100)
treeview.column("COL_A", width=100)
# 見出し 定義
treeview.heading("#0", text="階層列")
treeview.heading("COL_A", text="データ列")
# アイテム挿入
iid = ""
for row in range(1, 10):
    if row % 3 == 1:
        parent = ""
    else:
        parent = iid
    iid = treeview.insert(parent, tk.END, iid=f"item{row}", text=f"item{row}", values=f"data{row}", open=True)
# 選択
treeview.selection_set(["item4", "item5", "item6"])
# 配置
treeview.pack(side=tk.LEFT, padx=10, pady=10)

# ttk.Treeview (disabled)
treeview_disabled = ttk.Treeview(
    root,
    style="example.Treeview",
    columns=["COL_A"],
    height=10,
)
# 列定義
treeview_disabled.column("#0", width=100)
treeview_disabled.column("COL_A", width=100)
# 見出し 定義
treeview_disabled.heading("#0", text="階層列")
treeview_disabled.heading("COL_A", text="データ列")
# アイテム挿入
iid = ""
for row in range(1, 10):
    if row % 3 == 1:
        parent = ""
    else:
        parent = iid
    iid = treeview_disabled.insert(parent, tk.END, iid=f"item{row}", text=f"item{row}", values=f"data{row}", open=True)
# 無効化
treeview_disabled.state(["disabled"])
# 配置
treeview_disabled.pack(side=tk.LEFT, padx=10, pady=10)

# メインループ
root.mainloop()