python3のtkinterでスクロールバー が動かない

Question

pythonでGUIを作成しています。

機能の一部に、アカウント名とメールアドレスを任意の数記入する場所を作りたいと思っています。
記入する場所をスクロールできるようにしたいとのですがバーが動かなくて困っています。

該当のコードを記載しました。ここだけでもラベルが7のところまでしか表示できず、バーが動いていません。

# tkinter
from tkinter import *
import tkinter as tk

class Application(Frame):

    def __init__(self, master=None):
        Frame.__init__(self,master)
        master.configure(bg="white")
        self.pack() #描写
        self.create_widgets(master)       #フォームの作成



    #フォームの作成
    def create_widgets(self,master):

        """ 
        スクロールバー Canvas
        """

        # フォルダー表示 フレーム
        frm = Frame(master)
        frm.pack(padx=10 ,pady=15 , fill="both",expand=1)
        
　　　　 #指摘を頂き変更
        #canvas = Canvas(frm, width=400, height=150 ,bg="red",scrollregion=(0,0,400,400))
        canvas = Canvas(frm, width=400, height=150 ,bg="red")


        bar = Scrollbar(frm, orient=VERTICAL)   
        # 指摘を頂き修正
        #bar.grid(row=0, column=1, sticky="nw")
        bar.grid(row=0, column=1, sticky="ns")
        bar.config(command=canvas.yview)


        canvas.config(yscrollcommand=bar.set)
        canvas.grid(row=0, column=0, sticky="news") 
        

        # Canvas Widget を配置
        cframe=Frame(canvas, width=canvas.cget('width'))
        canvas.create_window((0, 0), window=cframe, anchor="nw")
        

        self.Widget_items = []
        for i in range(10):
            items = []
                
            # アカウント名  ラベル
            L＿no = tk.Label(cframe)
            L＿no.configure(text=f"{i+1}", bg="white")
            L＿no.grid(row=i +1, column=0, sticky="nw")
            items.append(L＿no)

　　　　#指摘を頂き追加
　　　　canvas.update_idletasks()
　　　　canvas.config(scrollregion=canvas.bbox("all")) 


if __name__ == "__main__":
    
    root = Tk()
    app = Application(master=root)
    app.mainloop()

他のを調べて、
bar.config(command=canvas.yview) canvas.config(yscrollcommand=bar.set)
ここが重要であると思って追加しているのですが、あとは何が原因でしょうか？

よろしくお願いします。

Answer 1

Mac と tkinterの相性の問題だったようです。

https://www.python.org/download/mac/tcltk/

こちらより、最新のpythonを入れると問題なく動作しました

Answer 2

-        bar.grid(row=0, column=1, sticky="nw")
+        bar.grid(row=0, column=1, sticky="ns")

スクロールバーを縦方向に伸ばすには ns を指定します

---

Comments

[Yuiti628]

ありがとうございます。
方向のことは完全に抜けておりました。

恐らくこれも原因のようですが、他にもあるようで動きませんでした????‍♂️

[teamikl]

上記の修正のみで動作確認出来ましたが、
動かないとはどのような状況ですか？

- スクロールバーは動くが、左のキャンバス内の画面が追従しない
- スクロールバー自体が動かない

----

> bar.config(command=canvas.yview)
> canvas.config(yscrollcommand=bar.set)
> ここが重要であると思って追加しているのですが、あとは何が原因でしょうか？

他に重要な点は、scrollregion です。
スクロール領域が実際のキャンバスのサイズより狭い場合はスクロールしません。

対策: フォームにサイズを合わせる。create_widgetsメソッドの末尾で

# この時点ではサイズが決まってない為、updateで描画更新
canvas.update_idletasks()
canvas.config(scrollregion=canvas.bbox("all"))

[Yuiti628]

ありがとうございます。

状況ですが、
- スクロールバー自体が動かない
となります。

次に、scrollregionですが
>canvas = Canvas(frm, width=400, height=150 ,bg="red",scrollregion=(0,0,400,400))
としておりますので、スクロール範囲の方が大きいと思っておりました。

末尾に
canvas.update_idletasks()
canvas.config(scrollregion=canvas.bbox("all"))

を追加しましたが、変化は見られ内容です。

[teamikl]

> スクロール範囲の方が大きいと思っておりました。

scrollregion の方が大きければ問題ありませんが、
region の範囲はマイナス座標を含む点にだけ注意。
create_window で指定した座標は、左上ではなく中心になります。

----
他に質問に掲載のコードと実行したコードに差異が無ければ、
実行環境の問題かもしれません。

エディタや開発環境の実行では、
編集中のコードと実行してるコードが違っていたという事もあるので、
ファイル名や場所を確認して、確認の為に端末から実行して見て下さい。

[teamikl]

訂正

[Yuiti628]

そんなまさかと思いながらも、windowsで実行すると問題なく動きました.
開発環境がMacだったことが原因だったようです。

解決方法を探したいと思います。
ありがとうございました。

[teamikl]

実行環境の違いだったのですね。

Mac だと tk 自体が複数の実装があったりするので、
Apple提供ではなく、pythonr.org公式のものがお勧めされてるようです。

https://www.python.org/download/mac/tcltk/

----
後、正常に動いたとして必要になりそうな部分 (scrollregionについて)

開始時は、キャンバスの座標 (0, 0) が表示されるが
create_window で指定した座標は ウィジェットの中央になる為
(0, 0) を指定すると、スクロールバーが中央あたりになってしまいます。

例: サイズ 400x400 のウィジェットを 0, 0 に配置すると、
スクロールに指定する領域は -200,-200 ～ 200,200

# 最後に、スクロールバーの位置をリセット
canvas.yview_moveto(0)

[Yuiti628]

ありがとうございます！
リンクから3.9.2を入れて実行すると動作しました！！！

本当に助かりました