首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何更改此代码以将水平滚动条添加到框架中?(tkinter)

如何更改此代码以将水平滚动条添加到框架中?(tkinter)
EN

Stack Overflow用户
提问于 2022-01-18 02:54:12
回答 1查看 23关注 0票数 0

我正在尝试将滚动条实现到我所拥有的框架对象,所以如果其中有太多的小部件,我可以向下滚动以查看更多的小部件。我找到了这段代码,并将其复制到我的程序中,以便使用:

代码语言:javascript
运行
复制
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()

它可以工作,但是我更改了代码以添加一个水平滚动条。我尝试添加相同的代码,并进行一些我认为可以使其工作的更改,如下所示:

代码语言:javascript
运行
复制
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:https://i.stack.imgur.com/xp1ju.png

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-01-18 03:09:53

打包这些小部件的顺序以及side="bottom"应该用于xscrollbar

代码语言:javascript
运行
复制
xscrollbar.pack(side="bottom", fill="x")
canvas.pack(side="left", fill="both", expand=True)
yscrollbar.pack(side="right", fill="y")
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70749805

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档