如何组织我的 tkinter 应用程序？

Question

我看到并看到了很多关于 tkinter 的问题，这些问题通常不是询问他们代码中的错误，而是询问我如何组织我的 GUI。 所以我想有一个专注于此的答案，并帮助初学者稍微定位它们。

Answer 1

tkinter 几何管理基础知识

tkinter 的几何管理的特点是这里引用：

默认情况下，顶级 window 以其自然尺寸出现在屏幕上，这是由其小部件和几何管理器内部确定的尺寸。

---

顶层

您的 Toplevel 是您必须回答的第一个问题：

• wm_geometry : size, position 在你的屏幕上？
• wm_minsize \ wm_maxsize是否存在最小或最大边界？
• wm_resizable有用户调整大小的能力吗？
• wm_attributes是否有 topmost 或 fullscreen 之类的属性？
• pack_propagate \ grid_propagate固定大小，与包含的小部件无关

注意：你可以跳过这个问题，让流程决定到底需要什么。

---

安排孩子

为了安排您的孩子，您有 3 个选项，每个选项都旨在满足特定需求：

打包机：

pack 命令用于与打包器进行通信，打包器是一个几何管理器，它通过围绕父项的边缘按顺序打包父项的子项来排列它们。

->我使用pack在master中快速排列几个小部件并排排列。

砂矿机

放置器是 Tk 的几何管理器。 它提供了 windows 的简单固定放置，您可以在其中指定一个 window（称为从属）在另一个 window（称为主控）中的确切大小和位置。 放置器还提供了橡胶板放置，您可以在其中根据主设备的尺寸指定从设备的大小和位置，以便从设备更改大小和位置以响应主设备大小的变化。 最后，布局器允许您混合这些 styles 的布局，例如，从设备具有固定的宽度和高度，但在主设备内部居中。

->我有时将 place 用于单页应用程序或设置背景图像。

网格器

grid 命令用于与网格几何管理器进行通信，该管理器在另一个 window 内以行和列的形式排列小部件，称为几何主窗口（或主窗口）。

->网格是包含许多小部件的更复杂应用程序的最佳选择。

因此，在选择这些管理器之一之前，您需要在这里回答的问题是，我如何以最佳方式组织我的应用程序？

注意：

警告：切勿将网格和包装混合在同一个主 window 中。 Tkinter 将愉快地度过您一生中的 rest 尝试协商一个双方经理都满意的解决方案。 与其等待，不如终止应用程序，然后再查看您的代码。 一个常见的错误是为某些小部件使用了错误的父级。

->您可以创建嵌套布局，在每个主（窗口/框架）中您可以自由选择

---

最重要的功能

每个经理最重要的功能可以帮助回答您的问题。 因为你需要知道经理是否可以做你想做的事。

对于包我认为是：

1. 填充水平、垂直或同时拉伸从属
2. expand应该扩展从属服务器以消耗其主服务器中的额外空间。
3. side指定从站将被打包到主站的哪一侧。
4. 锚点它指定 position 包裹中每个从站的位置。

对于地方，它应该是：

1. relheight -relheight=1.0, -height=-2使从属设备比主设备短 2 个像素。
2. relwidth -relwidth=1.0, -width=5使从属设备比主设备宽 5 个像素。
3. relx -relx=0.5, -x=-2将slave的左边缘定位在中心左侧2个像素处。
4. 依靠-rely=0.5, -x=3将从属设备的顶部边缘定位在其主设备中心下方 3 个像素处。

对于网格，它应该是：

1. columnspan插入从属，使其占据网格中的 n 列。
2. rowspan插入从属，使其占据网格中的 n 行。
3. 粘性此选项可用于 position（或拉伸）其单元内的从站。
4. grid_remove记住 window 的配置选项
5. 网格列配置
6. 网格行配置

对于最后两个选项，我在这里推荐这个答案。

---

阅读文档

可以在这里找到一个可以使用的工作示例：

import tkinter as tk

root=tk.Tk()

holderframe = tk.Frame(root,bg='red')
holderframe.pack()

display = tk.Frame(holderframe, width=600, height=25,bg='green')
display2 = tk.Frame(holderframe, width=300, height=145,bg='orange')
display3 = tk.Frame(holderframe, width=300, height=300,bg='black')
display4 = tk.Frame(holderframe, width=300, height=20,bg='yellow')
display5 = tk.Frame(holderframe, bg='purple')


##display_green
display.grid(column = 0, row = 0, columnspan=3)
display.pack_propagate(0) #when using pack inside of the display
#display.grid_propagate(0) #when using grid inside of the display

#left
b =tk.Button(display, width =10,text='b')
b1 =tk.Button(display, width =10,text='b1')

b.pack(side='left')
b1.pack(side='left')
#right
b2 =tk.Button(display, width =20,text='b2')
b2.pack(side='right')
#center
l = tk.Label(display, text ='My_Layout',bg='grey')
l.pack(fill='both',expand=1)

#the order by using pack can be important.
#you will notice if you swip right with center.


##display2_orange
display2.grid(column=0,row=1, sticky='n')
display2.grid_propagate(0)

#column0
lab = tk.Label(display2, text='test2')
lab1 = tk.Label(display2, text='test2')
lab2 = tk.Label(display2, text='test2')
lab3 = tk.Label(display2, text='test2')
lab4 = tk.Label(display2, text='test2')
lab5 = tk.Label(display2, text='test2')
lab6 = tk.Label(display2, text='test2')

lab.grid(column=0,row=0)
lab1.grid(column=0,row=1)
lab2.grid(column=0,row=2)
lab3.grid(column=0,row=3)
lab4.grid(column=0,row=4)
lab5.grid(column=0,row=5)
lab6.grid(column=0,row=6)

#column1
lab10 = tk.Label(display2, text='test2')
lab11 = tk.Label(display2, text='test2')
lab12 = tk.Label(display2, text='test2')
lab13 = tk.Label(display2, text='test2')
lab14 = tk.Label(display2, text='test2')
lab15 = tk.Label(display2, text='test2')
lab16 = tk.Label(display2, text='test2')

lab10.grid(column=2,row=0)
lab11.grid(column=2,row=1)
lab12.grid(column=2,row=2)
lab13.grid(column=2,row=3)
lab14.grid(column=2,row=4)
lab15.grid(column=2,row=5)
lab16.grid(column=2,row=6)

display2.grid_columnconfigure(1, weight=1)
#the empty column gets the space for left and right effect

##display3_black
display3.grid(column=1,row=1,sticky='nswe')
display3.grid_propagate(0)

##display4_yellow
display4.grid(column=0,row=1,sticky='s')
display4.grid_propagate(0)

lab20 = tk.Label(display4, bg='black')
lab21 = tk.Label(display4, bg='red')
lab22 = tk.Label(display4, bg='orange')
lab23 = tk.Label(display4, bg='grey')

lab20.grid(column=0,row=0,sticky='ew')
lab21.grid(column=1,row=0,stick='e')
lab22.grid(column=2,row=0,sticky='e')
lab23.grid(column=3,row=0,stick='ew')

display4.grid_columnconfigure(0, weight=4)
display4.grid_columnconfigure(1, weight=2)
display4.grid_columnconfigure(2, weight=2)
display4.grid_columnconfigure(3, weight=1)

##display5_purple
display5.place(x=0,y=170,relwidth=0.5,height=20)
display5.grid_propagate(0)


root.mainloop()