我正在尝试将标签的中心与窗口下方的两个按钮对齐(也居中)。我一直在谷歌搜索,并在这里寻找解决方法,我发现网格是有帮助的,但是它并没有达到我的期望。如果将每个小部件放在不同的行和列中,则可以按预期工作,但如果将它们放在不同的行和同一列中,它们只会保持向左对齐。我在用网格做错什么?此外,关于如何改善整体代码的任何建议将不胜感激。
我省略了LoadedMachine和CreateMachine类,因为我认为它们不是必需的。如果他们有帮助,我可以编辑问题以添加它们。
class App(tk.Tk):
def __init__(self, *args, **kwargs):
tk.Tk.__init__(self, *args, **kwargs)
container = tk.Frame(self)
container.pack(side='top', fill='both', expand=True)
self.frames = {}
for F in (StartPage, LoadedMachine, CreateMachine):
page_name = F.__name__
frame = F(parent=container, controller=self)
self.frames[page_name] = frame
frame.grid(row=0, column=0)
frame.config(bg='white')
self.show_frame('StartPage')
def show_frame(self, page_name):
frame = self.frames[page_name]
frame.tkraise()
class StartPage(tk.Frame):
def __init__(self, parent, controller):
tk.Frame.__init__(self, parent)
self.controller = controller
self.rowconfigure(0, weight=1)
self.rowconfigure(1, weight=1)
self.rowconfigure(2, weight=1)
self.columnconfigure(0, weight=1)
self.columnconfigure(1, weight=1)
self.columnconfigure(2, weight=1)
welcome_label = tk.Label(self, text='Welcome', bg='green', fg='white', font=('Verdana', 80))
welcome_label.grid(row=0, column=1)
loadButton = tk.Button(self, text='Load an existing state machine', command=lambda: controller.show_frame('LoadedMachine'))
loadButton.config(highlightbackground='green', font=('Verdana', 18))
loadButton.grid(row=1, column=1)
createButton = tk.Button(self, text='Create a new state machine', command=lambda: controller.show_frame('CreateMachine'))
createButton.config(highlightbackground='green', font=('Verdana', 18))
createButton.grid(row=2, column=1)
if __name__ == '__main__':
app = App()
app.title('Cognitive State Machine')
app.geometry('800x600')
app.mainloop()
这就是我得到的:
我希望按钮更靠近并且更靠近标签。
答案 0 :(得分:0)
向网格中添加填充以使其按需要对齐
您可以根据需要添加padx或pady
loadButton.grid(row=1, column=1, padx=10, pady=20)
Helpfull link to further play with grid layout
也可以使用“ partial”代替“ lambda”,因为我们需要从命令函数中调用函数并在其中定义它。
答案 1 :(得分:0)
一个建议是在创建框架进行故障排除时首先添加一些背景色。
class App(tk.Tk):
def __init__(self, *args, **kwargs):
tk.Tk.__init__(self, *args, **kwargs)
container = tk.Frame(self,bg="yellow")
container.pack(side='top', fill='both', expand=True)
container.grid_rowconfigure(0, weight=1)
container.grid_columnconfigure(0, weight=1)
...
运行此命令时,将看到一堆黄色,这表示您的StartPage
框架没有填满该空间。所以您需要更改它:
for F in (StartPage,):
page_name = F.__name__
frame = F(parent=container, controller=self)
self.frames[page_name] = frame
frame.grid(row=0,column=0,sticky="nesw")
frame.config(bg='green')
现在,您可以看到背景变成绿色,这意味着StartPage
框架可以正确缩放。最后,您可以处理标签了:
def __init__(self, parent, controller):
tk.Frame.__init__(self, parent)
self.controller = controller
self.columnconfigure(0, weight=1)
...
关于为什么需要在列中增加权重,有一篇很棒的帖子here。