鱼c笔记——Python 的 GUI 编程（十六）：Tkinter 的三大布局管理器 pack、grid 和 place_建相对复杂的布局结构,那么建议是使用多个框架(frame)结构构成,或者使用grid管理

什么是布局管理器：管理我们组件如何排列的东西

 

Tkinter 为我们提供了三个布局管理器：pack, grid 和 place

pack, grid 和 place 均用于管理同在一个父组件下的所有组件的布局，其中：

pack 是按添加顺序排列组件

grid 是按行列形式排列组件

place 则允许程序员指定组件的大小和位置

目录

何时使用pack管理器？

何时使用grid管理器？

如何使用place管理器：

pack的方法

pack(**options)

pack_configure(**options)

pack_forget()

pack_info()

pack_propagate(flag)

pack_slaves()

grid的方法：

grid(**options)

grid_bbox(column=None, row=None, col2=None, row2=None)

grid_columnconfigure(index, **options)

grid_configure(**options)

grid_forget()

grid_info()

grid_location(x, y)

grid_propagate(flag)

grid_remove()

grid_rowconfigure(index, **options)

grid_size()

grid_slaves(row=None, column=None)

place的方法

place(**options)

place_configure(**options)

place_forget()

place_info()

place_slaves()

slaves()

---

何时使用pack管理器？

对比 grid 管理器，pack 更适用于少量组件的排列，但它在使用上更加简单（就像前面的所有例子中，展示一个组件我们一般都直接使用 .pack() 方法）。如果你需要创建相对复杂的布局结构，那么建议是使用多个框架（Frame）结构构成，或者使用 grid 管理器实现。

注意：不要在同一个父组件中混合使用 pack() 和 grid()，因为 Tkinter 无法确定首先使用哪个布局管理器。

我们常常会遇到的一种情况是将一个组件放到一个容器组件中，并填充整个父组件。下面举个生成一个 Listbox 组件并将它填充到 root 窗口中：

from tkinter import *
 
root = Tk()
 
listbox = Listbox(root)
listbox.pack(fill=BOTH, expand=True)
#fill选项是填充整个父组件，expand选项是拉伸时依旧填满
 
for i in range(10):
    listbox.insert(END, str(i))
 
mainloop()

其中，fill 选项是告诉窗口管理器该组件将填充整个分配给它的空间，BOTH 表示同时横向和纵向扩展，X 表示横向，Y 表示纵向。expand 选项是告诉窗口管理器将父组件的额外空间也充满。

默认下，pack 是将添加的组件一次纵向排列

from tkinter import *
 
root = Tk()
 
Label(root, text='red', bg='red', fg='white').pack(fill=X) #fill选项是设置横向填充
Label(root, text='red', bg='green', fg='black').pack(fill=X)
Label(root, text='red', bg='blue', fg='white').pack(fill=X)
#整体是纵向填充
 
#Label(root, text='red', bg='red', fg='white').pack(side=LEFT) 如果想将组件整体横向排列，可以设置side选项
 
mainloop()

何时使用grid管理器？

grid 管理器可以说是 Tkinter 这三个布局管理器中最灵活多变的。如果你只希望学习使用一个布局管理器，那么 grid 绝对是首选。当你在设计对话框的时候，使用 grid 尤其便捷。使用一个 grid 就可以简单的实现你用很多个框架和 pack 搭建起来的效果。

使用 grid 排列组件，只要告诉它你想要组件放置的位置（行 / 列，row 选项指定行，column 选项指定列）。此外你并不用提前指出网格（grid 分布给组件的位置称为网格）的尺寸，因为管理器会自动计算。

 

设置一个简单的登录界面：

from tkinter import *
 
root = Tk()
 
Label(root, text='用户名').grid(row=0, column=0, sticky=W)  #sticky选项设置组件朝向
Label(root, text='密码').grid(row=1, column=0, sticky=W)
 
Entry(root).grid(row=0, column=1)
Entry(root, show='*').grid(row=1, column=1)
 
mainloop()

用几个网格来放置一个组件，可以使用 rowspan 和 columnspan 实现跨行跨列的功能：

from tkinter import *
 
root = Tk()
 
Label(root, text='用户名').grid(row=0, column=0, sticky=W)
Label(root, text='密码').grid(row=1, column=0, sticky=W)
 
photo = PhotoImage(file=r"D:\u.gif")  #只能是.gif格式
Label(root, image=photo).grid(row=0, column=2, rowspan=2, padx=5, pady=5)  #rowspan选项设置了跨行，现在photo组件可以显示0,1两行了。padx，pady设置了边距，使图片文字不挨在一起
 
Entry(root).grid(row=0, column=1)
Entry(root, show='*').grid(row=1, column=1)
 
def test():
    print('提交成功')
 
Button(root, text='提交', width=10, command=test).grid(row=2, columnspan=3, pady=5)  #column默认是0
 
mainloop()

如何使用place管理器：

通常情况下不建议使用 place 布局管理器，因为对比起 pack 和 grid，place 要做更多的工作。不过存在即合理，place 在一些特殊的情况下可以发挥妙用，甚至是 pack 和 grid 无法代替。

将子组件显示在父组件的正中间

from tkinter import *
 
root = Tk()
 
def callback():
    print('点到我了')
 
Button(root, text='点我', command=callback).place(relx=0.5, rely=0.5, anchor=CENTER)  #relx和rely是相对父组件的位置。0是最左边，0.5是正中间，1是最右边
 
mainloop()

在某种情况下，你希望一个组件能够覆盖另一个组件。下面使用一个按钮覆盖一个Label图片的例子

from tkinter import *
 
root = Tk()
 
photo = PhotoImage(file=r"D:\u.gif")
Label(root, image=photo).pack()
 
def callback():
    print('点到我了')
 
Button(root, text='点我', command=callback).place(relx=0.5, rely=0.5, anchor=CENTER)  #relx和rely是相对父组件的位置。0是最左边，0.5是正中间，1是最右边
 
mainloop()

relx 和 rely 选项指定的是相对于父组件的位置，范围是 00~1.0

relheight 和 relwidth 选项则是指定相对于父组件的尺寸

from tkinter import *
 
root = Tk()
 
Label(root, bg='red').place(relx=0.5, rely=0.5, relheight=0.75, relwidth=0.75, anchor=CENTER)  #relheight和relwidth是设置调用place的子组件相对于父组件的高度和宽度
Label(root, bg='yellow').place(relx=0.5, rely=0.5, relheight=0.5, relwidth=0.75, anchor=CENTER)
Label(root, bg='green').place(relx=0.5, rely=0.5, relheight=0.25, relwidth=0.75, anchor=CENTER)
 
mainloop()

还有 x 和 y 选项用于设置偏移（像素），如果同时设置 relx(rely) 和 x(y)，那么 place 将优先计算 relx 和 rely，然后再实现 x 和 y 指定的偏移值。

 

pack的方法

注：下边方法适用于所有组件

pack(**options)

--下方详细列举了各个选项的具体含义和用法

 

pack_configure(**options)

--跟 pack() 一样

 

pack_forget()

--将组件从屏幕中“删除”

--并没有销毁该组件，只是看不到了

--可以通过 pack 或其他布局管理器显示已“删除”的组件

 

pack_info()

--以字典的形式返回当前的 pack 的选项

 

pack_propagate(flag)

--如果开启，父组件会自动调节尺寸以容纳所有子组件

--默认值是开启（flag=True）

--该方法仅适用于父组件

 

pack_slaves()

--以列表形式返回该组件的所有子组件

--该方法仅适用于父组件

 

grid 的方法：

注：下边方法适用于所有组件

grid(**options)

--下面列举了各个选项的具体含义和用法

 

grid_bbox(column=None, row=None, col2=None, row2=None)

--返回一个四元组描述该组件所在的限定矩形

--如果指定 column 和 row 参数，则返回该位置 (column, row) 的组件的限定矩形的描述

 

grid_columnconfigure(index, **options)

--设置列的属性

--注意：设置的是该组件所拥有的grid序列

--可以设置的选项及含义如下：

 

grid_configure(**options)

--跟 grid() 一样

 

grid_forget()

--将组件从屏幕中“删除”

--并没有销毁该组件，只是看不到了

--可以通过 grid 或其他布局管理器显示已“删除”的组件，但该组件所在网格的选项设置不会恢复

 

grid_info()

--以字典的形式返回当前 grid 的选项

 

grid_location(x, y)

--返回位于（或接近）给定坐标（x, y）的网格位置

--返回值是一个 2 元组表示网格对应的（列， 行）

 

grid_propagate(flag)

--如果开启，父组件会自动调节尺寸以容纳所有子组件

--默认值是开启（flag=True）

--该方法仅适用于父组件

 

grid_remove()

--跟 grid_forget() 一样，但恢复的时候会记住该组件所在网格的选项设置

 

grid_rowconfigure(index, **options)

--设置行的属性

--注意：设置的是该组件所拥有的grid的行

--可以设置的选项及含义如下：

 

grid_size()

--返回该组件所拥有的 grid 的尺寸

--返回值是一个 2 元组，表示（列，行）分别的网格数

 

grid_slaves(row=None, column=None)

--以列表的形式返回该组件的所有子组件

--该方法仅适用于父组件

 

place的方法

注：下边的方法适用于所有的组件

place(**options)

--下方列举了各个选项的含义和用法

 

place_configure(**options)

--跟place()一样

 

place_forget()

--将组件从屏幕中“删除”

--并没有销毁该组件，只是看不到了

--可以通过 place 或其他布局管理显示已“删除”的组件

 

place_info()

--以字典的形式返回当前 place 的选项

 

place_slaves()

--以列表的形式返回该组件的所有子组件

--该方法仅适用于父组件

 

slaves()

--跟 place_slaves() 一样