tkinter で縦スクロールを付けたい

Question

tkinter 8.6.8
python3.7.1(anaconda 2018.12)

上記の環境で画面を作成しています。
【1】画面の縦幅を狭くした際に、そのスクロールが動作する方法が分かりません。(画面上に表示されていますが動きません。)
【2】画面右端に画面いっぱいの長さの縦スクロールを付けたいです。

なお画面左部はgrid,packではなく、placeでレイアウトを作成しています。(今後細かくレイアウトを作成する予定のため、placeで一つひとつのウィジェットの位置を指定する必要があります。)

よろしくお願いします。

import tkinter

root = tkinter.Tk()
root.geometry("500x500")

bar = tkinter.Scrollbar()
bar.place(x=480, y=0)

aaa = tkinter.Label(text='aaa')
aaa.place(x=20, y=20)


bbb = tkinter.Label(text='bbb')
bbb.place(x=20, y=40)

ccc = tkinter.Label(text='ccc')
ccc.place(x=20, y=450)


root.mainloop()

Answer 1

基本的な考え方としては

・Top Widget(root)上に Frame WidgetとScrollbarを置く
・各ラベルは TopWidget上ではなく、Frame上に置く
・ScrollbarでFrame Widgetの描画範囲を制御する

となります。が残念ながら Frame WidgetはScrollbarに対応しておりません。

そこで、まず Scrollbarに対応している Canvas Widget をTop Widget上に配置し、そのCanvas Widget上に Frame Widgetを配置する（各ラベルはこの上配置）と良いかと思います。

以下は動作サンプル

import tkinter as tk

root = tk.Tk()
root.geometry("500x500")

# Canvas Widget を生成
canvas = tk.Canvas(root)

# Top Widget上に Scrollbar を生成して配置
bar = tk.Scrollbar(root, orient=tk.VERTICAL)
bar.pack(side=tk.RIGHT, fill=tk.Y)
bar.config(command=canvas.yview) # ScrollbarでCanvasを制御

# Canvas Widget をTopWidget上に配置
canvas.config(yscrollcommand=bar.set) # Canvasのサイズ変更をScrollbarに通知
canvas.config(scrollregion=(0,0,500,500)) #スクロール範囲
canvas.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)

# Frame Widgetを 生成
frame = tk.Frame(canvas)

# Frame Widgetを Canvas Widget上に配置（）
canvas.create_window((0,0), window=frame, anchor=tk.NW, width=500, height=500)

# Frame Widget上に各種ラベルを表示
aaa = tk.Label(frame, text='aaa')
aaa.place(x=20, y=20)

bbb = tk.Label(frame, text='bbb')
bbb.place(x=20, y=40)

ccc = tk.Label(frame, text='ccc')
ccc.place(x=20, y=450)

ddd = tk.Label(frame, text='ddd')
ddd.place(x=450, y=450)

root.mainloop()

Comments

[rei0]

丁寧にご回答していただいてありがとうございました。
謎が解けました。長いこと考えていたので、とても助かりました。

[rei0]

お世話になります。
教えていただいた内容ですと、ホイールでのスクロールが使用できなかったため、再度調べています。
root.bind("<MouseWheel>")
上記のようにマウスの動作をバインドするとよいと書いてあるものがあったので、それをもとに試行錯誤しています。
ご存じでしたらご教授いただければと思います。
そうでなければ新規で質問してみます。
よろしくお願いいたします。

[magichan]

canvas.pack(...) の前行あたりに
'''
canvas.bind_all("<MouseWheel>", lambda eve:c anvas.yview_scroll(int(-eve.delta/120), 'units'))
'''
の一行を入れてみてください。

[rei0]

早速のご回答ありがとうございます。
教えていただいた内容で、上手く動作しました。
ありがとうございます。

Answer 2

こんにちは。

問題文読ませていただきました。

Label Widgetを使ってscrollbarを実装するのは難しいので、

1.canvas Widgetを作成
2.canvas Widget内へLabel Widgetを配置する。

が良さそうです。

canvas Widget内へscrollbarを実装する方法はこちらの記事の「その他のWidgetを使った、scrollbar Widgetサンプル集」内でまとまっていますので、ご確認いただけますと幸いです。????‍♂️

・Tkinterで使われるscrollbarとは?活用事例を交えて徹底解説