2017-08-14 33 views
0

我运行一个基于here的滚动条示例。但是我想添加一个按钮(Prev)到框架中,当滚动条向下移动时,此按钮仍然保持在那里,而其他内容随滚动条一起移动。使用Tkinter中的滚动条创建修复按钮

enter image description here

这里是我的代码:

import Tkinter as tk 

class Example(tk.Frame): 
    def __init__(self, root): 

     tk.Frame.__init__(self, root) 
     self.canvas = tk.Canvas(root, borderwidth=0, background="#ffffff") 
     self.frame = tk.Frame(self.canvas, background="#ffffff") 
     self.vsb = tk.Scrollbar(root, orient="vertical", command=self.canvas.yview) 
     self.canvas.configure(yscrollcommand=self.vsb.set) 

     self.vsb.pack(side="right", fill="y") 
     self.canvas.pack(side="left", fill="both", expand=True) 
     self.canvas.create_window((4,4), window=self.frame, anchor="nw", tags="self.frame") 

     self.frame.bind("<Configure>", self.onFrameConfigure) 

     self.populate() 

    def populate(self): 

     button = tk.Button(self.frame, text='Prev') 
     button.grid(row=0, columns=1) 

     for row in range(1,100): 
      tk.Label(self.frame, text="%s" % row, width=3, borderwidth="1", relief="solid").grid(row=row, column=0) 
      t="this is the second column for row %s" %row 
      tk.Label(self.frame, text=t).grid(row=row, column=1) 

    def onFrameConfigure(self, event): 
     '''Reset the scroll region to encompass the inner frame''' 
     self.canvas.configure(scrollregion=self.canvas.bbox("all")) 

if __name__ == "__main__": 
    root=tk.Tk() 
    Example(root).pack(side="top", fill="both", expand=True) 
    root.mainloop() 

谁能帮我解决这个问题呢?非常感谢!

+0

你应该使用'网格()'这里,只是放在那被滚动的区域顶部的按钮。 –

回答

1

您可以用pack()做到这一点很好,但我更喜欢使用grid()

你需要做的是发生在0行根按钮,并将该类框架根的第1行。这应该可以解决你的问题。

当使用grid()时,我们需要管理行和列的权重,以便在调整窗口大小时获得不断增长和缩小的行为。我们可以用rowconfigute()columnconfigute()来做到这一点。对于这个程序,我们需要配置根权重。

要让按钮保持在左边,我们可以使用sticky = "w"grid()内选择要坚持的一面。

在下面的代码看看:

import tkinter as tk 

class Example(tk.Frame): 
    def __init__(self, root): 

     tk.Frame.__init__(self, root) 
     self.canvas = tk.Canvas(root, borderwidth=0, background="#ffffff") 
     self.frame = tk.Frame(self.canvas, background="#ffffff") 
     self.vsb = tk.Scrollbar(root, orient="vertical", command=self.canvas.yview) 
     self.canvas.configure(yscrollcommand=self.vsb.set) 

     self.vsb.grid(row = 1, column = 1, sticky = "nsew") 
     self.canvas.grid(row = 1, column = 0, sticky = "nsew") 
     self.canvas.create_window((4,4), window=self.frame, anchor="nw", tags="self.frame") 

     self.frame.bind("<Configure>", self.onFrameConfigure) 

     self.populate() 

    def populate(self): 

     button = tk.Button(root, text='Prev') 
     button.grid(row=0, columns=1, sticky = "w") 

     for row in range(1,100): 
      tk.Label(self.frame, text="%s" % row, width=3, borderwidth="1", relief="solid").grid(row=row, column=0) 
      t="this is the second column for row %s" %row 
      tk.Label(self.frame, text=t).grid(row=row, column=1) 

    def onFrameConfigure(self, event): 
     '''Reset the scroll region to encompass the inner frame''' 
     self.canvas.configure(scrollregion=self.canvas.bbox("all")) 

if __name__ == "__main__": 
    root=tk.Tk() 
    root.columnconfigure(0, weight = 1) 
    root.rowconfigure(1, weight = 1) 
    Example(root).grid(row = 1) 
    root.mainloop() 
+0

非常感谢。现在,我想把按钮放在中间。我该怎么做? –