tkinter入门（9）--布局管理器（pack,grid,place）
- 1、布局管理器
- 2、pack方法，将一个组件放入另一个组件中，完全填充
- 3、pack方法（纵向填充，横向填充）
- 4、grid组件使用，模拟登陆界面
- 5、place组件使用
- 6、place组件 ，组合覆盖显示
1、布局管理器
??布局管理器（pack,grid,place,均用于管理统一父组件下的所有组件的布局）。
??pack，按添加的顺序进行排列。
??grid，网格化排列。
??place,允许程序员指定组件的大小和位置。
布局管理器选择：
??pack，少量组件排列。
??grid，组件多时使用。
??place，组件多时使用。
2、pack方法，将一个组件放入另一个组件中，完全填充
1 2 3 4 5 6 7 8 9 10 | import tkinter as tk root = tk.Tk()#生成顶层窗口 root.title("组件使用！")#设置图形用户界面标题 #pack方法#将一个组件放入另一个组件中，完全填充 listbox = tk.Listbox(root) listbox.pack(fill = 'both',expand = True)#pack函数设置横向填充使用side属性，side=LEFT， #fill设置完全填满父控件，值为x横向填充，值为y纵向填充，expand设置当父控件拉伸时，内容随之填充 for i in range(10): listbox.insert('end',str(i)) root.mainloop()#重要步骤，进入主事件循环，由tkinter主管、监听 |
3、pack方法（纵向填充，横向填充）
1 2 3 4 5 6 7 8 9 10 11 12 13 | import tkinter as tk root = tk.Tk()#生成顶层窗口 root.title("组件使用！")#设置图形用户界面标题 #pack方法#纵向填充 tk.Label(root,text = 'red',bg = 'red',fg = 'white').pack(fill = 'x') tk.Label(root,text = 'green',bg = 'green',fg = 'white').pack(fill = 'x') tk.Label(root,text = 'blue',bg = 'blue',fg = 'white').pack(fill = 'x') #pack方法#横向填充 tk.Label(root,text = 'red',bg = 'red',fg = 'white').pack(side = 'left' ) tk.Label(root,text = 'green',bg = 'green',fg = 'white').pack(side = 'left') tk.Label(root,text = 'blue',bg = 'blue',fg = 'white').pack(side = 'left') root.mainloop()#重要步骤，进入主事件循环，由tkinter主管、监听 |
运行截图：
4、grid组件使用，模拟登陆界面
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | import tkinter as tk root = tk.Tk()#生成顶层窗口 root.title("组件使用！")#设置图形用户界面标题 #grid组件 #grid函数中使用rowspan= 数字，跨行；columnspan =数字，跨列 #grid函数中使用sticky = 东西南北方向英文首字母设置对齐方式 tk.Label(root,text = '账号').grid(row = 0,column = 0) tk.Label(root,text = '密码').grid(row = 1,column = 0) entry1 = tk.Entry(root) entry1.grid(row = 0,column = 1,padx = 10, pady = 5,columnspan = 2) entry2 = tk.Entry(root,show = '*')#Entry的show属性可以设置显示内容，保护个人隐私，可以设为'*','$'等 entry2.grid(row = 1,column = 1,padx = 10, pady = 5,columnspan = 2) def show(): print("账号: %s"%entry1.get()) print("密码: %s" % entry2.get()) tk.Button(root,text = "登录",width = 10, command = show)\ .grid(row = 2,column = 0,sticky = 'w',padx = 10,pady = 5) tk.Button(root,text = "退出",width = 10, command = root.quit)\ .grid(row = 2,column = 1,sticky = 'e',padx = 10,pady = 5) root.mainloop()#重要步骤，进入主事件循环，由tkinter主管、监听 |
运行截图：
5、place组件使用
??代码描述：新建一个位于界面中心的按钮并用place布局，以pack布局背景图片。
1 2 3 4 5 6 7 8 9 10 11 | import tkinter as tk root = tk.Tk()#生成顶层窗口 root.title("组件使用！")#设置图形用户界面标题 #place组件 image1 = tk.PhotoImage(file = r'C:\Users\lengxiaohua\Pictures\m.png') tk.Label(root,image = image1).pack()#pack可以和place组合使用 def callback(): print("按钮被点！") tk.Button(root,text = '点我',command = callback).place(relx = 0.5,rely = 0.5,anchor = 'center') root.mainloop()#重要步骤，进入主事件循环，由tkinter主管、监听 |
运行截图：
6、place组件 ，组合覆盖显示
??代码描述：使用place方法进行页面布局，组件间可能有覆盖。
1 2 3 4 5 6 7 8 9 | import tkinter as tk root = tk.Tk()#生成顶层窗口 root.title("组件使用！")#设置图形用户界面标题 #place组件 ，组合覆盖显示 tk.Label(root,bg = 'red').place(relx = 0.5,rely = 0.5,anchor = 'center',relheight = 0.75,relwidth= 0.75) tk.Label(root,bg = 'green').place(relx = 0.5,rely = 0.5,anchor = 'center',relheight = 0.5,relwidth= 0.5) tk.Label(root,bg = 'yellow').place(relx = 0.5,rely = 0.5,anchor = 'center',relheight = 0.25,relwidth= 0.25)#relheight,relwidth设置相对父组件的宽和高 root.mainloop()#重要步骤，进入主事件循环，由tkinter主管、监听 |
运行截图：
