ツリービューにスクロールバーを表示させたい

一覧に縦横のスクロールバーを表示させたいです。
ネットで調べてみるとpack()？など使用してスクロールバーを付けているものも
ありましたが、あまり理解できませんでした。

できれば下記のコードの状態で縦横のスクロールバーを表示させたいです。

import tkinter
import tkinter as tk
from tkinter import ttk

class itiran(tkinter.Frame):
    def __init__(self, master=None, **kwargs):
        super().__init__(master)
        self.pack()

        self.master.geometry("700x400")
        self.master.title("一覧")

        self.create_widgets()

    def return_view(self):
        self.master.destroy()

    # Create Widgets function
    def create_widgets(self):
        # ツリービューの作成
        tree = ttk.Treeview(self.master, height=8)

        tree["columns"] = (1, 2, 3, 4, 5)
        tree["show"] = "headings"
        tree.column(1, width=120)
        tree.column(2, width=120)
        tree.column(3, width=120)
        tree.column(4, width=120)
        tree.column(5, width=70)

        tree.heading(1, text="ID")
        tree.heading(2, text="名")
        tree.heading(3, text="よみ")
        tree.heading(4, text="生年月日")
        tree.heading(5, text="年齢")

        # ツリービューのスタイル変更
        style = ttk.Style()
        # TreeViewの全部に対して、フォントサイズの変更
        style.configure("Treeview", font=("", 10))
        # TreeViewのHeading部分に対して、フォントサイズの変更と太字の設定
        style.configure("Treeview.Heading", font=("", 10, "bold"))

        # ツリービューの配置
        tree.place(x=40, y=200)

def main():
    root = tk.Tk()
    app = itiran(master=root)
    app.mainloop()

if __name__ == "__main__":
    main()

行動規範の内容に同意します

回答1件

ベストアンサー

まず、スクロールバーはplaceやpackでは実装し難い為
ツリービューをmasterに配置するのではなく、予めフレームを用意し
そのフレーム上にgridで配置していきます。

python
1	def create_widgets(self):
2		frame = tk.Frame(self.master)
3		frame.place(x=40, y=200)
4		# ツリービューの作成
5		tree = ttk.Treeview(frame, height=8)
6		# ツリービューの配置
7		tree.grid(row=0, column=0)

次に、スクロールバーのウィジェットを生成し
先程用意したframe上の、ツリービューの隣にgridで配置してあげ
ツリービューのyscrollcommandオプションに生成したスクロールバーをセットしてあげることで実装が可能です。

python
1		ysb = tk.Scrollbar(frame, orient=tk.VERTICAL, width=16, command=tree.yview)
2		tree.configure(yscrollcommand=ysb.set)
3		ysb.grid(row=0, column=1, sticky='news')