如何制作自动填充某些条目的 Tkinter GUI

Question

我正在尝试使用 Tkinter 制作一个允许您输入 URL 或 ID 的 GUI。

示例网址：https://www.fanfiction.net/s/10030860/1/The-Final-Battle 示例 ID：10030860

如您所见，ID 嵌入在 URL 中。我想要两个条目，一个用于输入 URL，另一个用于输入 ID。如果用户填写 URL 框，则会自动生成 ID。 （如果我将示例 URL 放在 URL 输入框中，我希望自动生成 ID 框中的示例 ID，反之亦然）如果用户填写 ID 框，则自动生成 URL。

更多例子：（括号是假装输入框）

URL: [https://www.fanfiction.net/s/10030860/1/The-Final-Battle] <-- If I fill this in
ID:  [10030860] <-- Python fills this in for me

URL: [https://www.fanfiction.net/s/10030860/1/The-Final-Battle] <-- Python fills this in for me
ID:  [10030860] <-- If I fill this in

到目前为止，这是我的代码：

import tkinter as tk
from tkinter import ttk

# Define a function to autofill in the URL and ID entries
def autofill_id_url():
    fanfic_url.set("https://www.fanfiction.net/s/" + fanfic_id.get() + "/1/")
    root.after(100, autofill_id_url)

# Root window
root = tk.Tk()

# Define the labeled frame where we input stuff
input_frame = tk.LabelFrame(master=root, text="Input")
input_frame.grid(row=0, column=0, padx=1, pady=1, rowspan=2, sticky=tk.NS)

# Label for entering URL
ttk.Label(master=input_frame, text="URL:").grid(row=0, column=0, padx=1, pady=1)
# Entry field for URL
fanfic_url = tk.StringVar()
url_entry = ttk.Entry(master=input_frame, textvariable=fanfic_url)
url_entry.grid(row=0, column=1, padx=1, pady=1)

# Label for entering ID
ttk.Label(master=input_frame, text="ID:").grid(row=1, column=0, padx=1, pady=1)
# Entry field for ID
fanfic_id = tk.StringVar()
id_entry = ttk.Entry(master=input_frame, textvariable=fanfic_id)
id_entry.grid(row=1, column=1, padx=1, pady=1)

# Start callback functions
autofill_id_url()

# Start GUI event loop
root.mainloop()

我有填写ID时的部分，URL是自动生成的。但是我不知道如何做到这一点，当您填写 URL 框时，您会得到为您填写的 ID 框。

提前致谢。

Answer 1

您可以使用StringVar 的trace_variable 方法进行自动填充。 下面的代码会这样做，但这只是入门的基本代码，因为它需要更多的工作才能完美地实现自动填充。

after_ids = {}

def get_url(id_):
    """returns url from id."""
    url = 'https://www.fanfiction.net/s/{}/1/The-Final-Battle'
    return url.format(id_)

def get_id(url):
    """returns id from the url."""
    l = url.split('/')
    return l[4] if len(l) > 4 else ''

def autofill_entry(mode, dalay=1000):
    """Auto-fills Url/ID."""
    for v in after_ids.values():
        root.after_cancel(v)
    if mode == 'url':  
        id_ = get_id(fanfic_url.get())
        after_ids[0] = root.after(dalay, lambda: fanfic_id.set(id_))
    elif mode == 'id':
        url = get_url(fanfic_id.get())
        after_ids[1] = root.after(dalay, lambda: fanfic_url.set(url))

现在将函数 autofill_entry 分配给入口小部件 StringVars。

fanfic_url.trace_variable('w', lambda *a: autofill_entry('url'))
fanfic_id.trace_variable('w', lambda *a: autofill_entry('id'))

另外，我建议你使用from urllib.parse import urlparse, parse_qs 加入 URL 并从 URL 中获取 id。

Answer 2

最好在输入框中按下 Enter 键时自动填充，而不是使用.after()。

baseurl = 'https://www.fanfiction.net/s/'

def autofill_url_id(_):
    try:
        # extract the id from the url
        url = fanfic_url.get().strip()
        if url.startswith(baseurl):
            id = url.split('/')[4]
            fanfic_id.set(id)
    except IndexError:
        print('failed to extract id from the url')

def autofill_id_url(_):
    id = fanfic_id.get().strip()
    if id:
        fanfic_url.set(baseurl+id+'/1/')
...
# Start callback functions
#autofill_id_url()
url_entry.bind('<Return>', autofill_url_id)
id_entry.bind('<Return>', autofill_id_url)