鱼c笔记——Python的GUI编程（十六）：Tkinter的三大布局管理器pack、grid和place_tkinter中有几种布局管理器?请分别介绍它们的特点。

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

 

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

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

pack是按添加顺序排列组件

grid是按行列形式排列组件

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

 

何时使用pack管理器？

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

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

 

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

1. from tkinter import *

2.  

3. root = Tk()

4.  

5. listbox = Listbox(root)

6. listbox.pack(fill=BOTH, expand=True)

7. #fill选项是填充整个父组件，expand选项是拉伸时依旧填满

8.  

9. for i in range(10):

10. listbox.insert(END, str(i))

11.  

12. mainloop()

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

 

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

1. from tkinter import *

2.  

3. root = Tk()

4.  

5. Label(root, text='red', bg='red', fg='white').pack(fill=X) #fill选项是设置横向填充

6. Label(root, text='red', bg='green', fg='black').pack(fill=X)

7. Label(root, text='red', bg='blue', fg='white').pack(fill=X)

8. #整体是纵向填充

9.  

10. #Label(root, text='red', bg='red', fg='white').pack(side=LEFT) 如果想将组件整体横向排列，可以设置side选项

11.  

12. mainloop()

 

 

 

何时使用grid管理器？

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

 

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

 

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

1. from tkinter import *

2.  

3. root = Tk()

4.  

5. Label(root, text='用户名').grid(row=0, column=0, sticky=W) #sticky选项设置组件朝向

6. Label(root, text='密码').grid(row=1, column=0, sticky=W)

7.  

8. Entry(root).grid(row=0, column=1)

9. Entry(root, show='*').grid(row=1, column=1)

10.  

11. mainloop()

 

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

1. from tkinter import *

2.  

3. root = Tk()

4.  

5. Label(root, text='用户名').grid(row=0, column=0, sticky=W)

6. Label(root, text='密码').grid(row=1, column=0, sticky=W)

7.  

8. photo = PhotoImage(file="D:\u.gif") #只能是.gif格式

9. Label(root, image=photo).grid(row=0, column=2, rowspan=2, padx=5, pady=5) #rowspan选项设置了跨行，现在photo组件可以显示0,1两行了。padx，pady设置了边距，使图片文字不挨在一起

10.  

11. Entry(root).grid(row=0, column=1)

12. Entry(root, show='*').grid(row=1, column=1)

13.  

14. def test():

15. print('提交成功')

16.  

17. Button(root, text='提交', width=10, command=test).grid(row=2, columnspan=3, pady=5) #column默认是0

18.  

19. mainloop()

 

 

如何使用place管理器：

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

 

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

1. from tkinter import *

2.  

3. root = Tk()

4.  

5. def callback():

6. print('点到我了')

7.  

8. Button(root, text='点我', command=callback).place(relx=0.5, rely=0.5, anchor=CENTER) #relx和rely是相对父组件的位置。0是最左边，0.5是正中间，1是最右边

9.  

10. mainloop()

 

 

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

1. from tkinter import *

2.  

3. root = Tk()

4.  

5. photo = PhotoImage(file="D:\u.gif")

6. Label(root, image=photo).pack()

7.  

8. def callback():

9. print('点到我了')

10.  

11. Button(root, text='点我', command=callback).place(relx=0.5, rely=0.5, anchor=CENTER) #relx和rely是相对父组件的位置。0是最左边，0.5是正中间，1是最右边

12.  

13. mainloop()

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

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

1. from tkinter import *

2.  

3. root = Tk()

4.  

5. Label(root, bg='red').place(relx=0.5, rely=0.5, relheight=0.75, relwidth=0.75, anchor=CENTER) #relheight和relwidth是设置调用place的子组件相对于父组件的高度和宽度

6. Label(root, bg='yellow').place(relx=0.5, rely=0.5, relheight=0.5, relwidth=0.75, anchor=CENTER)

7. Label(root, bg='green').place(relx=0.5, rely=0.5, relheight=0.25, relwidth=0.75, anchor=CENTER)

8.  

9. mainloop()

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

 

 

pack的方法

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

pack(**options)

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

 

 

anchor：

--控制组件在pack分配的空间中的位置

--N, NE, E, SE, S, SW, W, NW或CENTER来定位（EWSN表示东南西北）

--默认值是CENTER

 

expand：

--指定是否填充父组件的额外空间

--默认值是False

 

fill：

--指定填充pack分配的空间

--默认值是NONE，表示保持子组件的原始尺寸

--还可以使用的值有：X（水平填充），Y（垂直填充）和BOTH（水平和垂直填充）

 

in_：

--将该组件放到该选项指定的组件中

--指定的组件必须是该组件的父组件

 

ipadx：

--指定水平方向上的内边距

 

ipady：

--指定垂直方向上的内边距

 

padx：

--指定水平方向上的外边距

 

pady：

--指定垂直方向上的外边距

 

side：

--指定组件的放置位置

--默认值是TOP

--还可以设置的值有：LEFT，BOTTOM，RIGHT

 

 

pack_configure(**options)

--跟pack()一样

 

pack_forget()

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

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

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

 

pack_info()

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

 

pack_propagate(flag)

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

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

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

 

pack_slaves()

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

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

 

 

 

grid的方法：

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

grid(**options)

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

column：

--指定组件插入的列（0表示第一列）

--默认值是0

 

columnspan：

--指定用多少列（跨列）显示该组件

 

in_：

--将该组件放到该选项指定的组件中

--指定的组件必须是该组件的父组件

 

 

ipadx：

--指定水平方向上的内边距

 

ipady：

--指定垂直方向上的内边距

 

padx：

--指定水平方向上的外边距

 

pady：

--指定垂直方向上的外边距

 

row：

--指定组件插入的行（0表示第一行）

 

rowspan：

--指定用多少行（跨行）显示该组件

 

sticky：

--控制组件在grid分配的空间中的位置

--可以使用N，E，S，W以及他们的组合来定位

--使用加号（+）表示拉长填充，例如N+S表示将该组件垂直拉长填充网格，N+S+W+E表示填充整个网格

--不指定该值则居中显示

 

 

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

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

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

 

grid_columnconfigure(index, **options)

--设置列的属性

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

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

minsize：

--指定该列的最小宽度

 

pad--指定该列中最大网格的水平边距

 

weight：

--指定列与列之间的相对距离

--默认值是0

--说明：初创建窗口的时候，grid会自动根据组件的尺寸分配窗口的尺寸，当你拉伸窗口的尺寸就会有空白显示出来。这个选项正是指定列与列之间是否填充空白，默认是不填充的。另外，该选项的值是指定填充空白的倍数，例如weight=2的列会比weight=1的列填充多一倍的空白，所以需要平均填充的话，只需要所有的列都设置为weight=1即可。

 

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的行

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

minsize：

--指定该行的最小高度

 

pad：

指定该列中最大网格的垂直边距

 

weight：

--指定行于行之间的相对距离

--默认值是0

 

 

grid_size()

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

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

 

grid_slaves(row=None, column=None)

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

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

 

 

 

place的方法

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

 

place(**options)

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

 

anchor：

--控制组件在place分配的空间中的位置

--N, NE, E, SE, S, SW, W, NW或CENTER来定位（EWSN表示东南西北）

--默认值是NW

 

bordermode：

--指定边框模式（INSIDE或OUTSIDE）

--默认值是INSIDE

 

height：

--指定该组件的高度（像素）

 

in_：

--将该组件放到该选项指定的组件中

--指定的组件必须是该组件的父组件

 

relheight：

--指定该组件相对于父组件的高度

--取值范围是0.0~1.0

 

relwidth:

 

--指定该组件相对于父组件的宽度

--取值范围是0.0~1.0

 

relx：

 

--指定该组件相对于父组件的水平位置

--取值范围是0.0~1.0

 

rely：

 

--指定该组件相对于父组件的垂直位置

--取值范围是0.0~1.0

 

width：

--指定该组件的宽度（像素）

 

x：

--指定该组件的水平偏移位置（像素）

--如果同时指定了relx选项，优先实现relx选项

 

y：

 

--指定该组件的垂直偏移位置（像素）

--如果同时指定了rely选项，优先实现rely选项

 

 

place_configure(**options)

--跟place()一样

 

place_forget()

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

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

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

 

place_info()

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

 

place_slaves()

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

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

 

slaves()

--跟place_slaves()一样

ipadx：

--指定水平方向上的内边距

ipadx：

--指定水平方向上的内边距