Python3 Tkinter スクロールバーを使わずにスクロールしたい

Question

TkinterのTreeviewで表を表示しています。

これをスクロールしたいです。ただ、諸事情によりスクロールバーを使わずボタンのみで実現したいです。

なんとなく次のように方法を考えました。

例えばウィンドウに5行表示されていて、次の行を表示したい場合、
表示されている最下行の次の行を取得して、次の行があれば次の行をウィンドウ上に表示されるようにtree.see()する。

ただ、この方法だとウィンドウに表示される行数列数が決まっている必要があり、適時取得できないと実現できないと思いました。

また、スクロールというよりは行列の位置を1行ずつまたは1列ずつ移動しているで、1クリックで大幅に表示位置が移動してしまうような気がしました。

ボタンでスクロールするいい方法があったら教えてほしいです。

下記のpush_button1(),push_button2(),push_button3(),push_button4()を押したときの処理について考えています。

from tkinter import ttk
import tkinter as tk

class App:
    def __init__(self, win):
        self.win = win
        self.win.geometry("400x300")
        self.create_view()

    def create_view(self):
        self.win.rowconfigure(tuple(range(2)), weight=1)
        self.win.columnconfigure(tuple(range(2)), weight=1)

        columns = 5
        data = []
        for i in range(0, 100, 5):
            data.append([i, i+1, i+2, i+3, i+4])
        self.tree = ttk.Treeview(self.win)
        self.tree.grid(row=0, column=0, rowspan=2, columnspan=2, sticky="nsew", padx=5, pady=5)
        self.tree["columns"] = tuple(range(1, columns + 1))
        self.tree["show"] = "headings"
        w = self.win.winfo_width()
        ww = int(w / 7)
        for i in range(1, columns + 1):
            self.tree.heading(i, text="Data"+str(i))
            self.tree.column(i, width=ww)
        for i in data:
            self.tree.insert("", "end", value=(i))

        self.button1 = tk.Button(self.win, text="▲", command=self.push_button1)
        self.button1.grid(row=0, column=2, sticky="nsew")
        self.button2 = tk.Button(self.win, text="▼", command=self.push_button2)
        self.button2.grid(row=1, column=2, sticky="nsew")
        self.button3 = tk.Button(self.win, text="◀", command=self.push_button3)
        self.button3.grid(row=2, column=0, sticky="nsew")
        self.button4 = tk.Button(self.win, text="▶", command=self.push_button4)
        self.button4.grid(row=2, column=1, sticky="nsew")

    def push_button1(self):
        print("push_button1")

    def push_button2(self):
        print("push_button2") 

    def push_button3(self):
        print("push_button3")

    def push_button4(self):
        print("push_button4") 


def main():
    win = tk.Tk()
    App(win)
    win.mainloop()

if __name__ == "__main__":
    main()

Answer 1

Treeviewのxview/yview メソッド呼び出しで、
スクロールバーを操作した時の挙動を模倣する事が出来ます。

    def push_button1(self):
        self.tree.yview("scroll", -1, "units")

    def push_button2(self):
        self.tree.yview("scroll", +1, "units")

スクロールバーの挙動 y_scrollbar["command"] = tree.yview とした時
yview を、以下の引数で呼び出します

• 両端のボタンを押したとき ... 行単位スクロール "scroll", 1, "units"
• スライダーをドラッグした時 ... 指定位置に移動 "moveto"
• その他の範囲を押したとき ... ページ単位スクロール "scroll", 1, "pages"

横スクロールも同様に xview メソッド呼び出しで可能ですが、
現状のレイアウトでは、スクロールしても表示の変化はありません。

---

1行ずつのスクロールでは、件数が大きくなってくると
ボタンの連打することになるので、あまり使い勝っては良くありません。
スムーズなスクロールを実装したい場合は、タイマーを使い対応します。

• ボタンを押したときにタイマー起動、一定時間毎にスクロールを呼び出し
• ボタンを離したときにタイマーを解除 (after_cancel)

Comments

[person]

ありがとうございます。

> 横スクロールも同様に xview メソッド呼び出しで可能ですが、
> 現状のレイアウトでは、スクロールしても表示の変化はありません。

列幅を引き伸ばしてからボタンを押すとほんの少しだけ横に動きました（"units"の場合）。
xとyで移動の仕方が違うんですかね？

[teamikl]

ウィジェットのwidth, height に準拠しますが、
tkinter の場合、ウィジェットによっては、
文字数だったりピクセル数？だったりします。
挙動的には、yは1行単位、xはピクセル単位で動いてそうですね。

例えば、

> ウィンドウに表示される行数列数が決まっている必要があり、適時取得できないと実現できないと思いました。

height で表示行数を設定できますが、
width は表示カラム数という訳ではありません。
(列数は columns や displaycolums)

self.tree.column(i, width=ww) で指定するwidth の幅なので、
均等にカラム幅が決まってるなら、
スクロールする値を ww "units" にすれば、１カラム分移動することになります。
（レイアウトが固定でない場合は、カラム幅はリサイズで変わるので、ww の値はその都度計算）

Answer 2

コードにttk.Scrollbarを追加して、他のボータンがいらないです。

from tkinter import ttk
import tkinter as tk

class App:
    def __init__(self, win):
        self.win = win
        self.win.geometry("400x300")
        self.create_view()

    def create_view(self):
        self.win.rowconfigure(tuple(range(2)), weight=1)
        self.win.columnconfigure(tuple(range(2)), weight=1)

        columns = 10
        data = []
        for i in range(0, 100, 5):
            data.append([i, i+1, i+2, i+3, i+4])
        self.tree = ttk.Treeview(self.win, selectmode='browse')
        self.tree.grid(row=0, column=0, rowspan=2, columnspan=2, sticky="nsew", padx=5, pady=5)
        self.tree["columns"] = tuple(range(1, columns + 1))
        self.tree["show"] = "headings"
        w = self.win.winfo_width()
        ww = int(w / 7)
        for i in range(1, columns + 1):
            self.tree.heading(i, text="Data"+str(i))
            self.tree.column(i, width=ww)
        for i in data:
            self.tree.insert("", "end", value=(i))
        self.verscrlbar = ttk.Scrollbar(self.win,
                                   orient="vertical",
                                   command=self.tree.yview)
        self.verscrlbar.grid(row=0, column=2,rowspan=2, sticky="nsew")
        self.hozscrlbar = ttk.Scrollbar(self.win,
                                   orient="horizontal",
                                   command=self.tree.xview)
        self.hozscrlbar.grid(row=2, column=0, sticky="nsew")
        self.tree.configure(yscrollcommand=self.verscrlbar.set, xscrollcommand=self.hozscrlbar.set)

def main():
    win = tk.Tk()
    App(win)
    win.mainloop()

if __name__ == "__main__":
    main()