文本小部件中的Tkinter中的滚动条

时间:2017-02-01 09:48:32

标签: python python-2.7 tkinter scrollbar

我在Tkinter的Text小部件的Scrollbar中设置有问题。我知道,最好使用网格来定位小部件,但我想在指定高度和宽度的绝对位置(x,y - GUI图片上的红点)设置我的小部件。

我的代码:

from Tkinter import *
from ttk import *

class NotebookDemo(Frame):

    def __init__(self):      
        Frame.__init__(self)       
        self.pack(expand=1, fill=BOTH)
        self.master.title('Sample')
        self.master.geometry("650x550+100+50")
        self._initUI()

    def _initUI(self):
        self._createPanel()

    def _createPanel(self):

        # create frame inside top level frame
        panel = Frame(self)    
        panel.pack(side=TOP, fill=BOTH, expand=1)

        # create the notebook
        nb = Notebook(panel)
        nb.pack(fill=BOTH, expand=1, padx=2, pady=3)        
        self._FirstTab(nb)


    def _FirstTab(self, nb):

        # frame to hold content
        frame = Frame(nb)

        #textbox
        txtOutput = Text(frame, wrap = NONE, height = 17, width = 70)
        txtOutput.place(x=10, y=75)

        #button
        btnStart = Button(frame, text = 'Start', underline=0)
        btnStart.place(x=220, y=380)

        #scrollbar
        #vscroll = Scrollbar(frame, orient=VERTICAL, command=txtOutput.yview)
        #txtOutput['yscroll'] = vscroll.set
        #vscroll.pack(side=RIGHT, fill=Y)
        #txtOutput.pack(fill=BOTH, expand=Y)

        #add to notebook (underline = index for short-cut character)
        nb.add(frame, text='TAB 1', underline=0, padding=2)

if __name__ == '__main__':
    app = NotebookDemo()
    app.mainloop()

GUI:

如果我取消注释这部分代码(设置滚动条):

vscroll = Scrollbar(frame, orient=VERTICAL, command=txtOutput.yview)
txtOutput['yscroll'] = vscroll.set
vscroll.pack(side=RIGHT, fill=Y)

我的滚动条位于所有窗口内,而不是文本框内:

enter image description here

但是我当然希望将Scrollbar放在Text框小部件(黑色边框)中。 如果我使用pack函数到文本框:

txtOutput.pack(fill=BOTH, expand=Y)

文本小部件填写整个窗口......:

enter image description here

我真的不知道如何解决这个问题。 任何帮助将不胜感激。 谢谢!

编辑:

当然我也可以使用滚动条的方法,但是我不能改变它们的长度,因为它没有属性长度。

vscroll.place(x=573, y=75)

enter image description here

2 个答案:

答案 0 :(得分:4)

虽然我很少推荐place,但是当您利用配置选项时它非常强大。例如,您可以使用in_指定要相对于此窗口小部件放置的窗口小部件。您可以使用relx指定相对x坐标,并可以使用relheight指定高度。

在你的情况下,你可以尝试这样的事情:

vscroll.place(in_=txtOutput, relx=1.0, relheight=1.0, bordermode="outside")

如果您想要将滚动条嵌入文本小部件中的错觉(在某些平台上是常见的),我建议将文本小部件和滚动条放在框架中。您可以使用pack将小部件放在框架中,并继续使用place将组合放置在任何您想要的位置。

例如:

txtFrame = Frame(frame, borderwidth=1, relief="sunken")
txtOutput = Text(txtFrame, wrap = NONE, height = 17, width = 70, borderwidth=0)
vscroll = Scrollbar(txtFrame, orient=VERTICAL, command=txtOutput.yview)
txtOutput['yscroll'] = vscroll.set

vscroll.pack(side="right", fill="y")
txtOutput.pack(side="left", fill="both", expand=True)

txtFrame.place(x=10, y=75)

答案 1 :(得分:2)

placepack等不同的几何管理器不能很好地混合。我为你看了四个选项:

使用父框架

在与文本框完全相同的位置创建Frame的新place。在此框架中,您可以使用其他几何管理器(我更喜欢pack)来根据需要显示布局。

使用ScrolledText

使用ScrolledText Tkinter模块以预制的形式提供上述解决方案。请注意,此小部件不使用ttk,因此滚动条样式并不真正适应操作系统的外观。只需使用import ScrolledText并使用Text替换代码中的ScrolledText.ScrolledText(...)创建。

使用滚动条的位置

如果您使用place作为文本小部件,也可以使用place作为滚动条。 place具有允许您在位置和大小上相对于另一个小部件放置小部件的选项(即:您可以将滚动条放在文本小部件的右边缘,并使其与文本小部件的高度一样高文本小部件)。 See Bryan's answer

不要使用地方

这很简单。请改用gridpack,除非确实需要使用place