tkinter 第三章 窗口控件配置管理器

第三章 窗口控件配置管理器

Layout Manager在设计GUI程序时，可以使用三种方法包装和定位各组件在容器或窗口内的位置，这三个方法又称为窗口控件配置管理员 (Widget Layout Manager)。

初级布局管理

当我们在开发一个 GUI 程序的时候，布局管理发挥着非常重要的作用，它指的是通过管理控件在窗口中的位置（排版），从而实现对窗口和控件布局的目的。

Tkinter 提供了一系列布局管理的方法和容器控件，同一个额布局，可以用不同的方法完成。

Tkinter 提供了三种常用的布局管理器，分别是 pack()、grid() 以及 place()，如下表所示：

上述三种方法适用于 Tkinter 中的所有控件。

尽量优先选择pack或grid布局，place可以精确设置控件位置，但当窗口组件过多时比较繁琐。

pack()

pack() 是一种较为简单的布局方法，在不使用任何参数的情况下，它会将控件以添加时的先后顺序，自上而下，一行一行的进行排列，并且默认居中显示。

pack( )方法的语法格式如下。

pack(option,...)

options参数可以是side、fill、padx/pady、ipadx/ipady、anchor。

示例：

importtkinterastk# 创建主窗口root=tk.Tk()root.title("Pack 示例")root.geometry("300x200")# 创建并放置标签控件label1=tk.Label(root,text="标签 1",bg="lightblue")label1.pack(pady=10)# 垂直间距label2=tk.Label(root,text="标签 2",bg="lightgreen")label2.pack(pady=10)# 垂直间距# 创建按钮控件button=tk.Button(root,text="点击我")button.pack(pady=10)# 垂直间距# 创建另一个标签控件label3=tk.Label(root,text="标签 3",bg="lightcoral")label3.pack(pady=10)# 垂直间距# 运行主循环root.mainloop()

运行结果：

side

当窗口中有多个组件时，使用pack( )方法可以让组件由上往下排列显示，也是系统的默认设置。

使用pack( )方法时，也可以增加side参数设置组件的排列方式，此参数的取值如下。

• TOP：这是默认值，由上往下排列。
• BOTTOM：由下往上排列。
• LEFT：由左往右排列。
• RIGHT：由右往左排列。

示例：pack参数side使用示例

importtkinterastk# 创建主窗口root=tk.Tk()root.title("Pack Side 示例")root.geometry("300x200")# 创建标签和按钮控件label1=tk.Label(root,text="上方",bg="lightblue")label1.pack(side=tk.TOP,padx=10,pady=10)label2=tk.Label(root,text="左侧",bg="lightgreen")label2.pack(side=tk.LEFT,padx=10,pady=10)label3=tk.Label(root,text="右侧",bg="lightcoral")label3.pack(side=tk.RIGHT,padx=10,pady=10)label4=tk.Label(root,text="底部",bg="lightyellow")label4.pack(side=tk.BOTTOM,padx=10,pady=10)# 运行主循环root.mainloop()

运行结果：

fill

示例：pack参数fill示例

importtkinterastk# 创建主窗口root=tk.Tk()root.title("Tkinter Pack Fill 示例")root.geometry("400x300")# 创建并配置标签label1=tk.Label(root,text="标签 1",bg="lightblue")label1.pack(side=tk.TOP,fill=tk.X,pady=10)# 创建第二个标签label2=tk.Label(root,text="标签 2",bg="lightgreen")label2.pack(side=tk.TOP,fill=tk.X,pady=10)# 创建第三个标签label3=tk.Label(root,text="标签 3",bg="lightcoral")label3.pack(side=tk.TOP,fill=tk.X,pady=10)# 创建按钮，设置填充属性button=tk.Button(root,text="点击我")button.pack(side=tk.BOTTOM,fill=tk.BOTH,pady=10)# 运行主循环root.mainloop()

运行结果：

padx/pady，ipadx/ipady

示例：padx 和 pady，ipadx 和 ipady使用

importtkinterastk# 创建主窗口实例root=tk.Tk()root.geometry('300x200')# 设置窗口大小root.title('Pack 参数示例')# 设置窗口标题# 创建按钮实例button=tk.Button(root,text='点击我',command=lambda:print('按钮被点击了'))# 使用pack布局管理器设置按钮的位置和大小# padx 和 pady 用于设置按钮边缘和外部容器之间的空间大小# ipadx 和 ipady 用于设置按钮内部的空间大小（如果按钮是可点击的）button.pack(padx=20,pady=10,ipadx=50,ipady=3)# 设置水平和垂直填充以及内部填充大小# 运行主循环，等待窗口关闭事件root.mainloop()

运行结果：

anchor

示例：pack函数anchor参数

importtkinterastk# 创建主窗口root=tk.Tk()root.title("Pack Anchor 示例")root.geometry("300x200")# 创建并放置标签控件label_north=tk.Label(root,text="北",bg="lightblue",width=20)label_north.pack(anchor='n',pady=5)label_south=tk.Label(root,text="南",bg="lightgreen",width=20)label_south.pack(anchor='s',pady=5)label_east=tk.Label(root,text="东",bg="lightcoral",width=20)label_east.pack(anchor='e',pady=5)label_west=tk.Label(root,text="西",bg="lightyellow",width=20)label_west.pack(anchor='w',pady=5)label_center=tk.Label(root,text="中心",bg="lightgray",width=20)label_center.pack(anchor='center',pady=5)# 运行主循环root.mainloop()

运行结果：

expand

expand参数可设定Widget控件是否填满额外的父容器空间，默认是False（或是0），表示不填满，如果是True（或是1）表示填满。

示例：

fromtkinterimport*root=Tk()root.title("expand")#窗口标题Label(root,text='1 ',bg='red',fg='white',font='Times 20 bold').pack(side=LEFT,fill=Y)Label(root,text='2 ',bg='green',fg='white',font='Arial 20 bold italic').pack(side=LEFT,fill=BOTH,expand=True)Label(root,text='3 ',bg='blue',fg='white',font='Times 20 bold').pack(side=LEFT,fill=Y)root.mainloop()

运行结果：

grid()

grid() 函数是一种基于网格式的布局管理方法，相当于把窗口看成了一张由行和列组成的表格。

当使用该 grid 函数进行布局的时，表格内的每个单元格都可以放置一个控件，从而实现对界面的布局管理。

• 注：这里的所说的“表格”是虚拟出来，窗体并不会因为使用了 gird() 函数，而增加一个表格。
• grid()布局方法不能与 pack()混合在一起使用。

总结：使用 grid 函数布局的时，其实就是为各个控件指定行号、列号的过程，不需要为每个单元格指定大小，grid 会为每个单元格自动设置一个适合的尺寸。

grid()格式：

grid(options,…)

grid() 函数的常用参数 option 如下所示：

grid() 方法相比 pack() 方法来说要更加灵活，以网格的方式对组件进行布局管理，让整个布局显得非常简洁、优雅。

注意：在一个程序中不能同时使用 pack() 和 grid() 方法，这两个方法只能二选一，否则程序会运行错误。

示例：

fromtkinterimport*#主窗口win=Tk()win.config(bg='white')win.title("hello")win.geometry('500x350+300+300')#在窗口内创建按钮，以表格的形式依次排列foriinrange(10):forjinrange(10):Button(win,text=" ("+str(i)+","+str(j)+")",bg='#D1EEEE').grid(row=i,column=j)#开始窗口的事件循环win.mainloop()

运行结果：

rowspan/columnspan

示例：使用grid函数中rowspan和columnspan参数

importtkinterastk# 创建主窗口root=tk.Tk()root.title("Grid rowspan 和 columnspan 示例")root.geometry("300x200")# 创建标签label1=tk.Label(root,text="标签 1",bg="lightblue",width=20)label1.grid(row=0,column=0)label2=tk.Label(root,text="标签 2",bg="lightgreen",width=20)label2.grid(row=0,column=1)label3=tk.Label(root,text="标签 3",bg="lightcoral",width=20)label3.grid(row=1,column=0,columnspan=2)# 跨越两列label4=tk.Label(root,text="标签 4",bg="lightyellow",width=20)label4.grid(row=2,column=0)label5=tk.Label(root,text="标签 5",bg="lightgray",width=20)label5.grid(row=2,column=1,rowspan=2)# 跨越两行label6=tk.Label(root,text="标签 6",bg="lightpink",width=20)label6.grid(row=3,column=0)# 运行主循环root.mainloop()

运行结果：

sticky

功能类似anchor，但是只可以设定N/S/W/E，即上／下／左／右对齐。

原则上相同column的Widget控件，如果宽度不同时，grid( )方法会保留最宽的控件当作基准，这时比较短的控件会居中对齐。

示例：

importtkinterastk# 创建主窗口root=tk.Tk()root.title("Grid Sticky 示例")root.geometry("300x200")# 创建并放置标签控件label1=tk.Label(root,text="左上",bg="lightblue",width=10)label1.grid(row=0,column=0,sticky="nw",padx=5,pady=5)label2=tk.Label(root,text="右上",bg="lightgreen",width=10)label2.grid(row=0,column=1,sticky="ne",padx=5,pady=5)label3=tk.Label(root,text="左下",bg="lightcoral",width=10)label3.grid(row=1,column=0,sticky="sw",padx=5,pady=5)label4=tk.Label(root,text="右下",bg="lightyellow",width=10)label4.grid(row=1,column=1,sticky="se",padx=5,pady=5)label5=tk.Label(root,text="中心",bg="lightgray",width=10)label5.grid(row=1,column=0,columnspan=2,sticky="nsew",padx=5,pady=5)# 设置行和列的权重，以便自动扩展root.grid_rowconfigure(1,weight=1)root.grid_columnconfigure(0,weight=1)root.grid_columnconfigure(1,weight=1)# 运行主循环root.mainloop()

运行结果：

place()

与前两种布局方法相比，采用 place() 方法进行布局管理要更加精细化，通过 place() 布局管理器可以直接指定控件在窗体内的绝对位置，或者相对于其他控件定位的相对位置。

place 布局管理器的常用属性：

relx 和 rely 参数指定的是控件相对于父组件的位置

relwidth 和 relheight 参数是指定控件相对于父组件的尺寸大小

注意：这里父组件指的是当前可操作控件的上层组件，比如在没有使用容器控件（frame）的窗体中，控件的父组件就是主窗口本身。

示例：

importtkinterastk# 创建主窗口root=tk.Tk()root.title("Place 示例")root.geometry("400x300")# 创建标签控件label1=tk.Label(root,text="标签 1",bg="lightblue")label1.place(x=50,y=50)# 指定坐标 (50, 50)label2=tk.Label(root,text="标签 2",bg="lightgreen")label2.place(relx=0.5,rely=0.5,anchor='center')# 相对中心位置label3=tk.Label(root,text="标签 3",bg="lightcoral")label3.place(x=200,y=200,width=100,height=50)# 指定坐标和大小label4=tk.Label(root,text="标签 4",bg="lightyellow")label4.place(relx=0.8,rely=0.2,anchor='ne')# 右上角# 运行主循环root.mainloop()

运行结果：