Python Tkinter教程之Grid篇

''' Tkinter教程之Grid篇 '''
#  Tkinter参考中最推荐使用的一个布局器。实现机制是将Widget逻辑上分割成表格，在指定的位置放置想要的Widget就可以了。
''' 1.第一个Grid例子 '''
#  -*- coding: cp936 -*-
#  使用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: cp936 -*-
#  使用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: cp936 -*-
#  使用grid来布局组件
from  Tkinter  import   *
root  =  Tk()
#  创建两个Label
Label(root,text  =   ' Hello ' ).pack()
#  在第一行，第10列放置lb2
Label(root,text  =   ' Grid ' ).grid(row  =  0,column  =   10 )
#  Lable(root,text = '3').grid(row = 0,column = 5)
root.mainloop()
#  这个例子中将lb2放置到第1行，第11列位置上，但运行结果与上一例从效果上看不出太大的区别。原因是：如果这个位置没有组件的话，它是看不可见的。
''' 4.将组件放置到预定位置上去 '''
#  -*- coding: cp936 -*-
#  使用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: cp936 -*-
#  多个组件同时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: cp936 -*-
#  设置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: cp936 -*-
#  使用多行（多列)
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列。
''' 8.设置表格中组件的对齐属性 '''
#  -*- coding: cp936 -*-
#  使用sticky设置对齐方式
from  Tkinter  import   *
root  =  Tk()
#  创建两个Label
Label(root,text  =   ' hello sticky ' ).grid()
Label(root,text  =   ' Tkinter ' ).grid()
#  创建两个Label，并指定sticky属性
Label(root,text  =   ' hello sticky ' ).grid(sticky  =  W)
Label(root,text  =   ' Tkinter ' ).grid(sticky  =  W)

root.mainloop()
#  默认属性下，组件的对齐方式为居中，设置sticky属性可以控制对齐方式，可用的值（N,S,E,W)及其组合值