Python Tkinter : adding a scrollbar to frame within a canvas

Question

我对 Tkinter 很陌生，但是，尽管如此，我还是被要求“创建”一个简单的表单，用户可以在其中提供有关其工作状态的信息(这是我日常工作的一个副项目)。由于我需要有相当多的文本小部件(其中用户需要提供有关文档状态或未解决问题等的评论)，我希望有一些“可滚动”的东西(沿 y 轴)。

我四处浏览寻找解决方案，经过一番尝试和错误后，我发现一些工作得很好的东西。基本上我创建了一个 Canvas ， Canvas 内部有一个滚动条和一个框架。在框架内，我拥有我需要的所有小部件。

这是代码片段(仅包含一些实际的小部件，特别是文本小部件):

from Tkinter import *
## My frame for form
class simpleform_ap(Tk):
    # constructor
    def __init__(self,parent):
        Tk.__init__(self,parent)
        self.parent = parent
        self.initialize()
    #
    def initialize(self):
    #
        self.grid_columnconfigure(0,weight=1)
        self.grid_rowconfigure(0,weight=1)
        #
        self.canvas=Canvas(self.parent)
        self.canvas.grid(row=0,column=0,sticky='nsew')
        #
        self.yscrollbar = Scrollbar(self,orient=VERTICAL)
        self.yscrollbar.grid(column =4, sticky="ns")
        #
        self.yscrollbar.config(command=self.canvas.yview)
        self.yscrollbar.pack(size=RIGTH,expand=FALSE)
        #
        self.canvas.config(yscrollcommand=self.yscrollbar.set)
        self.canvas.pack(side=LEFT,expand=TRUE,fill=BOTH)
        #
        self.frame1 = Frame(self.canvas)
        self.canvas.create_window(0,0,window=self.frame1,anchor='nw')
        # Various Widget        
        # Block Part
        # Label
        self.labelVariableIP = StringVar()  # Label variable
        labelIP=Label(self.frame1,textvariable=self.labelVariableIP,
                     anchor="w",
                     fg="Black")
        labelIP.grid(column=0,row=0,columnspan=1,sticky='EW')
        self.labelVariableIP.set(u"IP: ")
        # Entry: Single line of text!!!!
        self.entryVariableIP =StringVar()  # variable for entry field
        self.entryIP =Entry(self.frame1,
                            textvariable=self.entryVariableIP,bg="White")
        self.entryIP.grid(column = 1, row= 0, sticky='EW')
        self.entryVariableIP.set(u"IP")
        # Update Button or Enter
        button1=Button(self.frame1, text=u"Update",
                       command=self.OnButtonClickIP)
        button1.grid(column=2, row=0)
        self.entryIP.bind("<Return>", self.OnPressEnterIP)
        #...
        # Other widget here
        #
        # Some Text
        # Label
        self.labelVariableText = StringVar()  # Label variable                
        labelText=Label(self.frame1,textvariable=
                        self.labelVariableText,
                 anchor="nw",
                 fg="Black")
    labelText.grid(column=0,row=curr_row,columnspan=1,sticky='EW')
    self.labelVariableTexta.set(u"Insert some texts: ")
    # Text
    textState = TRUE
    self.TextVar=StringVar()
    self.mytext=Text(self.frame1,state=textState,
                     height = text_height, width = 10,
                     fg="black",bg="white") 
    #
    self.mytext.grid(column=1, row=curr_row+4, columnspan=2, sticky='EW')
    self.mytext.insert('1.0',"Insert your text")
    #
    # other text widget here
    #
    self.update()
    self.geometry(self.geometry() )
    self.frame1.update_idletasks()
    self.canvas.config(scrollregion=(0,0,
                       self.frame1.winfo_width(),
                       self.frame1.winfo_height()))
#
def release_block(argv):

    # Create Form
    form = simpleform_ap(None)
    form.title('Release Information')
    #
    form.mainloop()
#

if __name__ == "__main__":
  release_block(sys.argv)

正如我之前提到的，这个脚本完全可以完成工作，即使它有一些小问题，这些问题不是“基本”而是有点烦人。

当我启动它时，我得到了这个(抱歉屏幕截图不好): enter image description here

正如它所看到的，它只显示网格的第一“列”，而我希望拥有所有它们(在我的例子中它们应该是 4)要查看所有字段，我必须手动(使用鼠标)调整窗口大小。我想要的是这样的(所有 4 列都在那里): enter image description here

此外，滚动条不会延伸到整个窗体，而只是位于窗口的右下角。

虽然后一个问题(滚动条)我可以保留，但第一个问题更重要一点，因为我希望最终用户能够“了解”他们应该做什么而无需调整大小窗口。

有人知道我应该如何继续吗？我错过了什么？

预先感谢您的帮助

Answer 1

在类的 __init__ 方法中，您似乎没有设置主窗口的大小。您应该这样做，否则它只会将窗口设置为默认大小，这只会显示它可以显示的任何内容，并且在您的情况下，仅显示 1 列。因此，在 __init__ 方法中，尝试将 self.geometry(str(your_width) + "x"+ str(your_height)) 放入 your_width your_height 是您选择的任何整数，可以让您在窗口中看到所需的内容。

至于你的滚动条问题，我所要做的就是将滚动条添加到 Canvas 的方式更改为 .pack() 并添加属性 fill = 'y'和 side = RIGHT 到它，像这样:

self.yscrollbar.pack(side = 'right', fill = 'y') 

此外，您不需要:

self.yscrollbar.config(command=self.canvas.yview)
self.yscrollbar.pack(size=RIGHT,expand=FALSE)

只需将命令选项添加到滚动条的创建中，如下所示:

self.scrollbar = Scrollbar(self,orient=VERTICAL,command=self.canvas.yview)

总而言之，以下更改应该使您的代码按预期工作:

• 添加:

  def __init__(self,parent):
      Tk.__init__(self,parent)
      self.parent = parent
      self.initialize()
      # Resize the window from the default size to make your widgets fit. Experiment to see what is best for you.
      your_width = # An integer of your choosing
      your_height = # An integer of your choosing
      self.geometry(str(your_width) + "x" + str(your_height))
  

• 添加和编辑:

  # Add `command=self.canvas.yview`
  self.yscrollbar = Scrollbar(self,orient=VERTICAL,command=self.canvas.yview)
  # Use `.pack` instead of `.grid`
  self.yscrollbar.pack(side = 'right', fill = 'y')
  

• 删除:

  self.yscrollbar.config(command=self.canvas.yview)
  self.yscrollbar.pack(size=RIGHT,expand=FALSE)