如何更改此代码以将水平滚动条添加到框架？ (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")