如何更改此代碼以將水平滾動條添加到框架？ (tkinter)

Question

我正在嘗試為我擁有的框架 object 實現滾動條，因此如果其中的小部件太多，我可以向下滾動以查看更多小部件。 我找到了這段代碼並將其復制到我的程序中以使用：

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
container = ttk.Frame(root)
canvas = tk.Canvas(container)
scrollbar = ttk.Scrollbar(container, orient="vertical", command=canvas.yview)
scrollable_frame = ttk.Frame(canvas)

scrollable_frame.bind(
    "<Configure>",
    lambda e: canvas.configure(
        scrollregion=canvas.bbox("all")
    )
)

canvas.create_window((0, 0), window=scrollable_frame, anchor="nw")

canvas.configure(yscrollcommand=scrollbar.set)

for i in range(50):
    ttk.Label(scrollable_frame, text="Sample scrolling label").pack()

container.pack()
canvas.pack(side="left", fill="both", expand=True)
scrollbar.pack(side="right", fill="y")

root.mainloop()

它有效，但我更改了代碼以添加水平滾動條。 我嘗試添加相同的代碼，並進行一些我認為可以使其工作的更改，如下所示：

super().__init__(container, *args, **kwargs)
        canvas = Canvas(self, width=1000, height=700)
        yscrollbar = ttk.Scrollbar(self, orient="vertical", command=canvas.yview)
        xscrollbar = ttk.Scrollbar(self, orient="horizontal", command=canvas.xview)
        self.scrollable_frame = ttk.Frame(canvas)

        self.scrollable_frame.bind(
            "<Configure>",
            lambda e: canvas.configure(
                scrollregion=canvas.bbox("all")
            )
        )

        canvas.create_window((0, 0), window=self.scrollable_frame, anchor="nw")

        canvas.configure(yscrollcommand=yscrollbar.set)
        canvas.configure(xscrollcommand=xscrollbar.set)

        canvas.pack(side="left", fill="both", expand=True)
        yscrollbar.pack(side="right", fill="y")
        xscrollbar.pack(side="left", fill="x")

然而，它並沒有像我預期的那樣工作，而是在不做任何事情的一側添加了一個小滾動條：[！[在此處輸入圖像描述][1]][1]

我應該如何更改代碼以制作有效的水平滾動條？ [1]： https://i.stack.imgur.com/xp1ju.png

Answer 1

打包這些小部件的順序很重要，並且應該使用side="bottom"代替xscrollbar ：

xscrollbar.pack(side="bottom", fill="x")
canvas.pack(side="left", fill="both", expand=True)
yscrollbar.pack(side="right", fill="y")