ツリービューを横軸でスクロールさせたい

Question

PythonのTkでCSVを読み込んで一覧をTreeviweで表示させる現場で運用するための
簡単なGUIを作成しています。

CSVを読込することはできましたがTreeViweでのスクロール表示が上手くいきません。
調べた上で別投稿のコードを参考に実施してみましたが、Freamのサイズが画面サイズに
追従してしまい、ｻｲｽﾞの固定化ができません。

素人質問で申し訳ありませんが処理方法を御教授頂きたくお願い申し上げます。
※可能であれば下記のコードで各々がどのような処理をしているか補足いただけると
非常にありがたいです。

※以下が検証中のサンプルコードです。

import tkinter as tk
import tkinter.ttk as ttk

win = tk.Tk()

frame = tk.Frame(win, width=100, height=100)

tree = ttk.Treeview(frame)
tree["columns"] = (1,2,3,4,5)
tree["show"] = "headings"
tree.column(1, width=100)
tree.column(2, width=75)
tree.column(3, width=200)
tree.column(4, width=200)
tree.column(5, width=200)
tree.heading(1, text="aaa")
tree.heading(2, text="bbb")
tree.heading(3, text="ccc")
tree.heading(4, text="ddd")
tree.heading(5, text="fff")

for i in range(30): 
    tree.insert("", "end", values=("a1a1a1a1","b1b1b1b1b","c1c1c1c1c1","d1d1d1d1d","e1e1e1e1e"))
    tree.insert("", "end", values=("a2a2a2a2a2a","b2b2b2b2b","c2c2c2c2c","d1d1d1d1d","d2d2d2d2d"))
    tree.insert("", "end", values=("a3a3a3a","b3b3b3b","c3c3c3c3c","d3d3d3dd","e3e3e3e3e3e"))
tree.grid(row=1, column=1, sticky='nsew')

ysb = tk.Scrollbar(frame, orient=tk.VERTICAL, width=35, command=tree.yview)
tree.configure(yscrollcommand=ysb.set)
ysb.grid(row=1, column=2, sticky='nsew')

xsb = tk.Scrollbar(frame, orient=tk.HORIZONTAL, width=35, command=tree.xview)
tree.configure(yscrollcommand=xsb.set)
xsb.grid(row=2, column=1, sticky='nsew')

frame.grid_columnconfigure(1, weight=1)
frame.grid_columnconfigure(2, minsize=35)
frame.grid_rowconfigure(1, weight=1)
frame.grid_rowconfigure(2, minsize=35)

frame.pack(fill='both', expand=1)
win.mainloop()

実施したいイメージの図は下記です。

Answer 1

横スクロールしない原因は、ツリーのcolumn が伸縮可能になっているので

• column メソッドで width と合わせて minwidth を指定してください。
• xsb.set を指定するのは yscrollcommand → xscrollcommand

以上でウィンドウの横幅が狭い場合に横スクロール可能となるはずです。

ツリーの上下に余白は、余白部分に何も配置しないのであれば
packの引数に pady=[100, 200] のように上下の余白を設定できます。

余白部分に何か他のウィジェットを配置する場合は、
Treeview と同じ親を持つウィジェットを Frame を生成し
pack で配置する場合は side 引数の TOP/BOTTOM を指定、
(pack指定の場合は順番も影響します、上から順に配置)
より複雑化する場合は、tree 自体 grid でのレイアウトに変更して
縦に３つ並べるでも良いかもしれません。

Comments

[mikami_r]

上記の御教授内容で問題解決しました。
御礼遅くなり誠に申し訳ありません。
非常に助かりました！！
お手数でなければTreeviewの初歩から応用まで分かりやすく説明しているサイトなどがあれば紹介いただけると嬉しいです。
このあと、選択した行数に応じた処理を関数実行させ、完了後に行の色を変えたいと考えています。

[teamikl]

ttk.Treeview の色変えは、ライブラリ側の不具合が報告されていて
パッチ(スクリプト側で対応可・数行程度)を当てないと色変更が出来ないので注意。

参考: Python3 Tkinter Treeviewの指定行の背景色を変更したい
https://teratail.com/questions/304991?sort=1

> Treeviewの初歩から応用まで分かりやすく説明しているサイト

tkinter の生い立ちから、元々は tcl/tk という 言語・GUI ライブラリがあり
tkinter は Python から使う為のwrapperという立ち位置の為、
あまり詳細に解説しているサイトは存じません。特にスタイル変更に関する情報は少なく
検索してピンポイントで目的の情報が見つからなければ、自分で調べなければならない事が多々あります。

参考情報源
- 公式情報(リファレンスやwiki)を読む
https://docs.python.org/ja/3/library/tkinter.ttk.html#tkinter.ttk.Treeview
https://www.tcl-lang.org/man/tcl/TkCmd/ttk_treeview.htm
https://wiki.tcl-lang.org/page/ttk::treeview
- 実際のアプリケーションのソースコードを読む (idlelib や thonny 等)
- ライブラリのソースコードを読む (Tcl 言語, C言語, 各プラットフォームでのGUIの知識)

応用に関しては、Treeview より
テーブル系の外部ライブラリを用いた方が、例が豊富だったり、出来る事が多い印象です。

例えば「巨大な行数を扱いたい」「左側の列を固定したい」みたいなことは
可能ですが、ライブラリとしては対応していないので、独自に実装する必要があります。
出来ないことも幾つか有り、ttk.Treeview では「行」の色変えは出来ても「列」での色替えは出来ません。