在使用Tkinter模块编写图像界面时，经常用到pack()和grid()进行布局管理，pack()参数较少，使用方便，是最简单的布局，但是当控件数量较多时，可能需要使用grid()进行布局（不要在同一个窗口中同时使用grid()和pack()！！）。 grid使用方法和主要参数： - row=x,column=y：将控件放在x行，y列的位置。注意：
- 如果不指定参数，则默认从0开始。
- 此处的行号和列号并不是像在坐标轴上一样严格，只是代表一个上下左右的关系，如：
Label(master, text="First").grid(row=0)
Label(master, text="Second").grid(row=1) 和（在行号“1”没有出现的情况下）： Label(master, text="First").grid(row=0)
Label(master, text="Second").grid(row=2) 效果都是一样的：  2.columnspan： 设置单元格横向跨越的列数，即控件占据的列数（宽度）； rowspan：设置单元格纵向跨越的行数，即控件占据的行数（高度）。 3.ipadx：设置控件里面水平方向空白区域大小； ipady：设置控件里面垂直方向空白区域大小； padx：设置控件周围水平方向空白区域保留大小； pady：设置控件周围垂直方向空白区域保留大小； 4.sticky:默认的控件在窗口中的对齐方式是居中。可以使用sticky选项去指定对齐方式，可以选择的值有：N/S/E/W，分别代表上对齐/下对齐/左对齐/右对齐，可以单独使用N/S/E/W，也可以上下和左右组合使用，达到不同的对齐效果，如：  View Code窗口内有两个按钮，宽度高度均不相同，可以看到它们的对齐方式是居中显示：  如果想让它们在同一行上下对齐，可以设置sticky=N+S，意为顶端和低端都要对齐： View Code  总结如下： sticky=N/S/E//W:顶端对齐/底端对齐/右对齐/左对齐 sticky=N+S：拉伸高度，使其在水平方向上顶端和底端都对齐 sticky=E+W，拉伸宽度，使其在垂直方向上左边界和右边界都对齐 sticky=N+S+E:拉伸高度，使其在水平方向上对齐，并将控件放在右边（当两个控件放在同一行同一列时效果明显） ....... 还有诸如此类的组合方式根据需要调整。 在Tkinter模块中，各种控件的大小计量单位并不尽相同，可能需要反复调整才能达到最佳效果。 注：以上程序代码适用于python3.4.3版本，python2.x可能需要稍作改变。
- '''''Tkinter教程之Grid篇'''
- # Tkinter参考中最推荐使用的一个布局器。实现机制是将Widget逻辑上分割成表格，在指定的位置放置想要的Widget就可以了。
- '''''1.第一个Grid例子'''
- # -*- coding: utf-8 -*-
- # 使用grid来布局组件
- from tkinter import *
-
- root = Tk()
- # 创建两个Label
- lb1 = Label(root, text='Hello')
- lb2 = Label(root, text='Grid')
-
- lb1.grid()
- lb2.grid()
-
- root.mainloop()
- # grid有两个最为重要的参数，用来指定将组件放置到什么位置，一个是row,另一个是column。
- # 如果不指定row,会将组件放置到第一个可用的行上，如果不指定column，则使用第一列。
- '''''2.使用row和column来指定位置'''
- # -*- coding: utf-8 -*-
- # 使用grid来布局组件
- from tkinter import *
-
- root = Tk()
- # 创建两个Label
- lb1 = Label(root, text='Hello')
- lb2 = Label(root, text='Grid')
-
- lb1.grid()
- # 指定lb2为第一行（使用索引0开始），第二列（使用索引0开始）
- lb2.grid(row=0, column=1)
-
- root.mainloop()
- # grid有两个最为重要的参数，用来指定将组件放置到什么位置，一个是row,另一个是column。如果不指定row,会将组件放置到第一个可用的行上，
- # 如果不指定column，则使用第一列。注意这里使用grid时不需要创建，直接使用行列就可以。
- '''''3.为其它组件预定位置'''
- # 可以使用row/column来指定组件的放置位置，并预先留出空间，以务其它需要。
- # -*- coding: utf-8 -*-
- # 使用grid来布局组件
- from tkinter import *
-
- root = Tk()
- # 创建两个Label
- Label(root, text='Hello').grid()
- # 在第一行，第10列放置lb2
- Label(root, text='Grid').grid(row=1, column=10)
- # Lable(root,text = '3').grid(row = 0,column = 5)
- root.mainloop()
- # 这个例子中将lb2放置到第1行，第11列位置上，但运行结果与上一例从效果上看不出太大的区别。原因是：如果这个位置没有组件的话，它是看不可见的。
- '''''4.将组件放置到预定位置上去'''
- # -*- coding: utf-8 -*-
- # 使用grid来布局组件
- from tkinter import *
-
- root = Tk()
- # 创建两个Label
- Label(root, text='1').grid()
- # 在第1行，第11列放置lb2
- Label(root, text='2').grid(row=0, column=10)
- Label(root, text='3').grid(row=0, column=5)
- root.mainloop()
- # 可以看到Label('3')是位置Label('1')和Label('2')之间了，即Label('2')是在11列，Label('3')位于第3列
- '''''5.将两个或多个组件同一个位置'''
- # -*- coding: utf-8 -*-
- # 多个组件同时grid到同一个表格位置
- from tkinter import *
-
- root = Tk()
- # 创建两个Label
- lb1 = Label(root, text='1')
- lb2 = Label(root, text='2')
-
- # 将lb1和lb2均grid到(0,0)位置
- lb1.grid(row=0, column=0)
- lb2.grid(row=0, column=0)
-
-
- def forgetLabel():
- # grid_slaves返回grid中(0,0)位置的所有组件
- # grid_forget将这个组件从grid中移除（并未删除，可以使用grid再将它显示出来)
- print(root.grid_slaves(0, 0)[0].grid_forget())
-
-
- # 我测试时grid_salves返回的第一个值为lb2，最后grid的那一个
- Button(root, text='forget last', command=forgetLabel).grid(row=1)
-
- root.mainloop()
- # 这段代码是用来证明，多个组件同时放置到同一个位置上会产生覆盖的问题。对于grid_slaves返回的组件list如何排序，
- # 我没有去查想着资料，在这个例子中使用索引0，返回的正好是lb2,然后再使用grid_forget将这个删除从grid中移除，可以看到lb1显示出来了。
- '''''6.改变列（行）的属性值'''
- # -*- coding: utf-8 -*-
- # 设置column的属性(columnconfigure)
- from tkinter import *
-
- root = Tk()
- # 创建两个Label
- lb1 = Label(root, text='1', bg='red')
- lb2 = Label(root, text='2', bg='blue')
-
- # 将lb1和lb2分别放置到第1行的1,2列位置上
- lb1.grid(row=0, column=0)
- lb2.grid(row=0, column=1)
-
- # 指定列的最小宽度为100
- root.columnconfigure(0, minsize=100)
- root.mainloop()
- # 1与2的距离变的远一些了。
- # 但如果这个位置没有组件存在的话这个值是不起作用的.
- # 设置列或行(rowconfigure)的属性时使用父容器的方法,不是自己调用。
- '''''7.组件使用多列（多行）'''
- # -*- coding: utf-8 -*-
- # 使用多行（多列)
- from tkinter import *
-
- root = Tk()
- # 创建如下布局（一个字符占用一个grid位置）
- # A E
- # B C
- # D
- # A占用(0,0)(0,1),B占用(1,0),C占用(1,1),D占用(2,0),E占用(0,2)
- # 创建5个Label，分别以背景色区别
- lbA = Label(root, text='A', bg='red')
- lbB = Label(root, text='B', bg='blue')
- lbC = Label(root, text='C', bg='red')
- lbD = Label(root, text='D', bg='blue')
- lbE = Label(root, text='E', bg='blue')
- # 以下为布局参数设置
- lbA.grid(row=0, column=0, columnspan=2)
- lbB.grid(row=1, column=0)
- lbC.grid(row=1, column=1)
- lbD.grid(row=2)
- lbE.grid(row=0, column=2)
-
- root.mainloop()
- # A与B、D的区别，它左边已改变，由于使用了两个表格；
- # C与E的区别：C的右边与E的左边对齐，也就是说E被放置到第2列的下一个位置了，原因由于A已使用了第2列。
Grid(网格)布局管理器会将控件放置到一个二维的表格里。主控件被分割成一系列的行和列，表格中的每个单元(cell)都可以放置一个控件。 什么时候使用Grid管理器grid管理器是Tkinter里面最灵活的几何管理布局器。如果你不确定什么情况下从三种布局管理中选择，你至少要保证自己会使用grid。
当你设计对话框的时候，grid布局管理器是一个非常方便的工具。如果你之前使用pack进行布局的话，你会被使用grid后的简洁而震惊。与适应很多frame来让pack工作不同，在大多数情况下，你只需要将所有控件放置到容器中，然后使用grid将它们布局到任何你想要布局的地方。 参考下面这个例子： 
使用pack进行布局的话，你不得不使用一些额外的frame控件，而且还需要花费一些功夫让他们变得好看。如果你使用grid的话，你只需要对每个控件使用grid,所有的东西都会以合适的方式显示。 注意：不要试图在一个主窗口中混合使用pack和grid。使用grid进行布局管理非常容易。只需要创建控件，然后使用grid方法去告诉布局管理器在合适的行和列去显示它们。你不用事先指定每个网格的大小，布局管理器会自动根据里面的控件进行调节。 from Tkinter import * master = Tk()
Label(master, text="First").grid(row=0)
Label(master, text="Second").grid(row=1) e1 = Entry(master)
e2 = Entry(master) e1.grid(row=0, column=1)
e2.grid(row=1, column=1) mainloop() 运行如下图所示： 
label1占据0行0列，label2占据1行0列，entry1占据0行1列，entry2占据1行1列。 注意：1.在使用grid方法时，如果不指定column参数，则默认从0开始。 2.没有被使用的行和列号将被忽略，在上面的例子中如果使用10行和20行，则运行效果是一样的。 使用sticky参数默认的空间会在网格中居中显示。你可以使用sticky选项去指定对齐方式，可以选择的值有：N/S/E/W，分别代表上/下/左/右。如果你想让label靠左显示，你可以设置stricky的值为W。 from Tkinter import * master = Tk()
Label(master, text="First").grid(row=0, sticky=W)
Label(master, text="Second").grid(row=1, sticky=w) e1 = Entry(master)
e2 = Entry(master) e1.grid(row=0, column=1)
e2.grid(row=1, column=1) mainloop() 运行效果如下图： 
你同样可以指定控件跨越一个或者多个网格。columnspan选项可以指定控件跨越多列显示，而rowspan选项同样可以指定控件跨越多行显示。下面的代码创建了我们最初演示的示意图： from Tkinter import * master = Tk()
var = IntVar() Label(master, text="First").grid(sticky=E)
Label(master, text="Second").grid(sticky=E) e1 = Entry(master)
e2 = Entry(master) e1.grid(row=0, column=1)
e2.grid(row=1, column=1) checkbutton = Checkbutton(master, text='Preserve aspect', variable=var)
checkbutton.grid(columnspan=2, sticky=W) photo = PhotoImage(file='2qq.gif')
label = Label(image=photo)
label.image = photo
label.grid(row=0, column=2, columnspan=2, rowspan=2, sticky=W+E+N+S, padx=5, pady=5) button1 = Button(master, text='Zoom in')
button1.grid(row=2, column=2) button2 = Button(master, text='Zoom out')
button2.grid(row=2, column=3) mainloop() 运行效果如下图： 
在这段代码中，有一些细节需要注意： 1. 我们没有为左边的两个label控件指定具体的位置，在这种情况下，column将会从0开始，而row将会从第一个没有使用的值开始。 2. 我们队checkbutton设置了columnspan参数，所以它会显示在第二行，并占据第0和1列。 3. 图像label占用了2行2列，而最后的两个button都只占用了1列。 - '''''8.设置表格中组件的对齐属性'''
- # -*- coding: utf-8 -*-
- # 使用sticky设置对齐方式
- from tkinter import *
-
- root = Tk()
- # 创建两个Label
- Label(root, text='hello sticky1').grid()
- Label(root, text='Tkinter1').grid()
- # 创建两个Label，并指定sticky属性
- Label(root, text='hello sticky2').grid(sticky=W)
- Label(root, text='TkinterX2').grid(sticky=W)
-
- root.mainloop()
- # 默认属性下，组件的对齐方式为居中，设置sticky属性可以控制对齐方式，可用的值（N,S,E,W)及其组合值
|
