如何通过行列配置格式化Tkinter组件？新手求助

需求 #

左侧两组组件（name/score标签+输入框）实现列对齐，右侧文本组件居中对齐

当前问题 #

1. 左侧组件无法左对齐
2. 混用grid和pack布局管理器，报错：_tkinter.TclError: cannot use geometry manager grid inside . which already has slaves managed by pack
3. 不清楚行列配置代码位置及权重设置方式

当前代码 #

def create_widget(self):
    # name label and entry 
    self.name_label = Label(self,text='name')
    self.name_label.grid(row=0,column=0)
    self.name_entry = Entry(self)
    self.name_entry.grid(row=0,column=1)

    # score label and entry 
    self.score_label = Label(self,text='score')
    self.score_label.grid(row=1,column=0)
    self.score_entry = Entry(self)
    self.score_entry.grid(row=1,column=1)

    # button
    self.btn = Button(self,text='add',command=self.add)
    self.btn.grid(row=2,column=1)

    # text box
    self.text = Text(root, width=40, height=12)
    self.text.pack()  

# prints to text box
def add(self):
    name = self.name_entry.get()
    score = self.score_entry.get()
    self.text.insert(END,(f'name:{name} score:{score}\n'))

root = Tk()
root.geometry("400x250")
root.mainloop()

效果说明 #

• 当前效果：左侧name、score标签与输入框排列混乱，文本框占据下方整行
• 期望效果：左侧name、score标签左对齐，对应输入框也横向对齐；右侧文本框居中放置，整体布局规整（不含Jerry条目）

解决方案及优化代码 #

核心修改点 #

1. 统一布局管理器：不能同时混用grid和pack，全部改用grid
2. 用Frame分组布局：将左侧输入组件和右侧文本框分别放入两个Frame，简化布局逻辑
3. 设置行列权重：让窗口列自适应大小，保证布局在窗口缩放时保持规整
4. 组件对齐设置：给左侧组件添加sticky='w'实现左对齐

修改后完整代码 #

from tkinter import Tk, Label, Entry, Button, Text, Frame

class App:
    def __init__(self, root):
        self.root = root
        self.create_widget()

    def create_widget(self):
        # 左侧Frame：放置输入组件
        left_frame = Frame(self.root)
        left_frame.grid(row=0, column=0, padx=10, pady=10, sticky='nw')

        # name标签和输入框，左对齐
        self.name_label = Label(left_frame, text='name')
        self.name_label.grid(row=0, column=0, sticky='w')
        self.name_entry = Entry(left_frame)
        self.name_entry.grid(row=0, column=1, padx=5, sticky='w')

        # score标签和输入框，左对齐
        self.score_label = Label(left_frame, text='score')
        self.score_label.grid(row=1, column=0, sticky='w')
        self.score_entry = Entry(left_frame)
        self.score_entry.grid(row=1, column=1, padx=5, sticky='w')

        # 添加按钮
        self.btn = Button(left_frame, text='add', command=self.add)
        self.btn.grid(row=2, column=1, pady=5, sticky='w')

        # 右侧Frame：放置文本框
        right_frame = Frame(self.root)
        right_frame.grid(row=0, column=1, padx=10, pady=10, sticky='nsew')

        # 文本框居中放置
        self.text = Text(right_frame, width=30, height=10)
        self.text.pack(padx=5, pady=5)

    def add(self):
        name = self.name_entry.get()
        score = self.score_entry.get()
        if name and score:  # 简单校验非空
            self.text.insert('end', f'name:{name} score:{score}\n')
            # 清空输入框
            self.name_entry.delete(0, 'end')
            self.score_entry.delete(0, 'end')

root = Tk()
root.geometry("400x250")
# 设置主窗口列权重，让右侧Frame自适应
root.grid_columnconfigure(1, weight=1)
root.mainloop()

代码解释 #

• Frame分组：左侧left_frame负责输入组件，右侧right_frame负责文本框，避免不同组件布局冲突
• 权重设置：root.grid_columnconfigure(1, weight=1)让右侧列在窗口缩放时自动扩展，保证文本框区域自适应
• 左对齐实现：sticky='w'让组件贴紧容器左侧，实现列对齐
• 细节优化：添加输入框非空校验，提交后清空输入框，提升用户体验

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