如何用Tkinter几何管理器实现多行组件的有序排版？

你想要实现的是多行填空式句子界面，每行结构为「前缀文字 + 输入框 + 后缀文字 + 间距 + 红色参考文字」，单行效果是所有组件在同一行左对齐，多行则是每组组件单独占一行、垂直排列。

你之前的单行代码用pack(side=tk.LEFT)实现了水平排列，但多行实验代码里直接对每个组件调用pack()，导致所有组件垂直堆叠，这就是布局不符合预期的核心原因。

修改后的完整代码 #

import tkinter as tk

# 模拟你的数据库查询函数，返回测试数据（实际使用时替换为真实查询）
def getPhrase():
    zinPhrase1 = ["Je ", "Il ", "Nous ", "Elle "]
    zinPhrase2 = [" la pomme.", " le livre.", " du café.", " la fleur."]
    keyWordFR = ["manges", "lit", "buvons", "cueille"]
    keyWordNL = ["eet", "leest", "drinken", "plukt"]
    return (zinPhrase1, zinPhrase2, keyWordFR, keyWordNL)

root = tk.Tk()
root.title("myTest")
root.geometry("700x700")

questionFrame = tk.Frame(root)
resultFrame = tk.Frame(root)

# 配置主Frame的网格布局
for frame in (questionFrame, resultFrame):
    frame.grid(row=0, column=0, sticky='news')

# 获取填空所需的文本数据
zinPhrase1, zinPhrase2, keyWordFR, keyWordNL = getPhrase()

# 初始化存储组件的列表
lab1 = []
keyWordEntry = []
lab2 = []
keyWord = []

for i in range(len(zinPhrase1)):
    # 为每一行创建一个独立的子Frame，用于容纳该行的所有组件
    row_frame = tk.Frame(questionFrame)
    row_frame.pack(fill='x', pady=5)  # 子Frame垂直排列，每行保留5px的垂直间距

    # 创建并排列该行的前缀标签
    lab1.append(tk.Label(row_frame, text=zinPhrase1[i]))
    lab1[i].pack(side=tk.LEFT)

    # 创建并排列输入框，添加左右间距提升美观度
    keyWordEntry.append(tk.Entry(row_frame, width=8))
    keyWordEntry[i].pack(side=tk.LEFT, padx=(5, 5))

    # 创建并排列后缀标签
    lab2.append(tk.Label(row_frame, text=zinPhrase2[i]))
    lab2[i].pack(side=tk.LEFT)

    # 创建并排列红色参考文字，保留右侧间距
    keyWord.append(tk.Label(row_frame, text=keyWordNL[i], fg="red"))
    keyWord[i].pack(side=tk.LEFT, padx=30)

# 显示提问界面
questionFrame.tkraise()
root.mainloop()

关键修改说明 #

• 每行独立子Frame：为每组填空组件创建单独的row_frame，这样组内的组件可以通过side=tk.LEFT实现水平排列，而子Frame本身垂直堆叠，完美实现多行布局。
• 动态适配行数：将硬编码的range(4)改为range(len(zinPhrase1))，这样不管数据库返回多少条数据，界面都会自动生成对应行数，无需手动修改代码。
• 优化间距细节：给输入框添加padx=(5,5)让文字与输入框的间距更自然；子Frame添加pady=5避免行与行之间过于拥挤，提升界面可读性。
• 代码可读性优化：将组件的文本配置直接整合到创建语句中，减少冗余的config()调用，让代码更简洁直观。

这样调整后，就能完全实现你想要的逐行水平排列的填空界面了。

内容的提问来源于stack exchange，提问作者Ga Mmeeu