Question

我在Tkinter adding line number to text widget使用Bryan Oakley的代码来创建一个带有行号的Text小部件。但是我想创建一个自定义小部件，我可以像Text小部件一样使用，但随后可以使用可选的行号。喜欢在：

t = LinedText(top)
t.insert("insert", "Hello")
t.show()

但截至目前，当我显示行号时，它会覆盖文本小部件。窗口会自动调整大小。为什么会这样？我的代码：

import tkinter as tk


class TextLineNumbers(tk.Canvas):

    def __init__(self, *args, **kwargs):
        tk.Canvas.__init__(self, *args, **kwargs)
        self.textwidget = None

    def attach(self, text_widget):
        self.textwidget = text_widget

    def redraw(self, *args):
        '''redraw line numbers'''
        self.delete("all")

        i = self.textwidget.index("@0,0")
        while True :
            dline= self.textwidget.dlineinfo(i)
            if dline is None: break
            y = dline[1]
            linenum = str(i).split(".")[0]
            self.create_text(2,y,anchor="nw", text=linenum)
            i = self.textwidget.index("%s+1line" % i)


class CustomText(tk.Text):
    def __init__(self, *args, **kwargs):
        tk.Text.__init__(self, *args, **kwargs)

        self.tk.eval('''
            proc widget_proxy {widget widget_command args} {

                # call the real tk widget command with the real args
                set result [uplevel [linsert $args 0 $widget_command]]

                # generate the event for certain types of commands
                if {([lindex $args 0] in {insert replace delete}) ||
                    ([lrange $args 0 2] == {mark set insert}) || 
                    ([lrange $args 0 1] == {xview moveto}) ||
                    ([lrange $args 0 1] == {xview scroll}) ||
                    ([lrange $args 0 1] == {yview moveto}) ||
                    ([lrange $args 0 1] == {yview scroll})} {

                    event generate  $widget <<Change>> -when tail
                }

                # return the result from the real widget command
                return $result
            }
            ''')
        self.tk.eval('''
            rename {widget} _{widget}
            interp alias {{}} ::{widget} {{}} widget_proxy {widget} _{widget}
        '''.format(widget=str(self)))


class LinedText(CustomText):

    def __init__(self, *args, **kwargs):
        CustomText.__init__(self, *args, **kwargs)

        self.settings = self.Settings()
        self.linenumbers = None

        self.text = super()      

        self.vsb = tk.Scrollbar(orient="vertical", command=self.yview)
        self.vsb.pack(side="right", fill="y")

        self.text.configure(yscrollcommand=self.vsb.set)
        self.text.tag_configure("bigfont", font=("Helvetica", "24", "bold"))
        self.text.pack(side="left", fill="both", expand=True)
        self.text.bind("<<Change>>", self._on_change)
        self.text.bind("<Configure>", self._on_change)
        self.text.insert("end", "one\ntwo\nthree\n")
        self.text.insert("end", "four\n",("bigfont",))
        self.text.insert("end", "five\n")
        self.text.pack(side="left")

    def hide(self,event=None):
        if not self.settings.hide_linenumbers:
            self.settings.hide_linenumbers = True
            self.linenumbers.pack_forget()

    def show(self,event=None):
        if self.linenumbers == None:
            self.linenumbers = TextLineNumbers(self, width=30)
            self.linenumbers.attach(self.text)
            self.linenumbers.pack(side="left", fill="y")
        elif self.settings.hide_linenumbers:
            self.settings.hide_linenumbers = False
            self.linenumbers.pack(side="left", fill="y")

    def _on_change(self, event):
        if self.linenumbers:
            self.linenumbers.redraw()

    class Settings():
        def __init__(self):
            self.hide_linenumbers = True


if __name__ == "__main__":
    root = tk.Tk()
    text = LinedText(root)
    #text.pack(side="right", fill="both", expand=True)
    button = tk.Button(root, text="Hide", command=text.hide)
    button.pack()
    button = tk.Button(root, text="Show", command=text.show)
    button.pack()
    root.mainloop()

另外，我假设使用.pack()而不是.pack(side="left")，小部件将被绘制在以前的小部件之下。我的按钮正在向右绘制。如何让它们在文本和线条小部件下方绘制？我是否绝对需要使用.grid()或Frame？

Answer 1

它们重叠的原因是您将行号窗口小部件设置为文本窗口小部件的子项。您需要使用一个框架，该框架是文本小部件和行号小部件的父级，然后将它们并排打包或网格化。这正是您复制的原始代码的工作原理。

Answer 2

首先，我不确定我理解函数show和hide中的逻辑，但是在下面的代码中，正如您将看到的，我已经改变了一些函数。

我也不确定您为什么要在super()课程中使用self.text初始化LinedText，但我认为问题始于此处。

我首先做的基本上是让LinedText继承自Frame而不是CustomText，并创建一个名为self.text的{{1}}实例变量在你的CustomText课程中。我这样做是因为我认为这个LinedText类是另外两个类型为LinedText和CustomText的对象的容器。

我还决定将主窗口（TextLineNumbers）拆分为2帧，一个用于root对象，另一个用于包含按钮LinedText和Show 。通过这种方式，我可以打包框架，而不是单个小部件，我可以例如打包底部按钮的框架，以及顶部的Hide对象的框架。

在创建布局时，使用LinedText组织数据通常是正确且更简单的方法。

我还改变了让Frames看起来漂亮的一件事就是绘制数字的地方。检查代码上的注释。

我想说的另一件事是你应该使用TextLineNumber或None而不是is和is not来比较对象与==的价值。

另外，我没有看到只有一个实例变量的类（!=）的意义，它没有意义，我猜你这样做是因为这个类将来会变得更大

如果您在引入或删除小部件时窗口缩小这一事实存在问题，请查看此问题

How to stop Tkinter Frame from shrinking to fit its contents?

我希望您了解方法Settings和show的逻辑，如果没有，请问。

这是完整的代码：

hide

为什么我的小部件重叠？

2 个答案: