【python】tkinter编程三大布局管理器pack、grid、place应用实战解析

本文主要是介绍【python】tkinter编程三大布局管理器pack、grid、place应用实战解析,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在这里插入图片描述

✨✨ 欢迎大家来到景天科技苑✨✨

🎈🎈 养成好习惯,先赞后看哦~🎈🎈

🏆 作者简介:景天科技苑
🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。
🏆《博客》:Python全栈,前后端开发,小程序开发,人工智能,js逆向,App逆向,网络系统安全,数据分析,Django,fastapi,flask等框架,linux,shell脚本等实操经验,网站搭建,数据库等分享。

所属的专栏:python图形化GUI编程tkinter精讲
景天的主页:景天科技苑

文章目录

  • tkinter布局管理器
    • 1.grid 布局管理器
    • 2.pack 布局管理器
    • 3.place 布局管理器

tkinter布局管理器

一个 GUI 应用程序必然有大量的组件,这些组件如何排布?
这时候,就需要使用 tkinter提供的布局管理器帮助我们组织、管理在父组件中子组件的布局方式。
tkinter 提供了三种管理器:pack、grid、place。

1.grid 布局管理器

grid 表格布局,采用表格结构组织组件。子组件的位置由行和列的单元格来确定,并
且可以跨行和跨列,从而实现复杂的布局。
在这里插入图片描述

【示例】grid 布局用法-登录界面设计

"""测试Grid布局管理器的基本用法,使用面向对象的方式"""from tkinter import *
from tkinter import messageboxclass Application(Frame):def __init__(self, master=None):super().__init__(master)        # super()代表的是父类的定义,而不是父类对象self.master = masterself.pack()self.createWidget()def createWidget(self):"""通过grid布局实现登录界面"""self.label01 = Label(self,text="用户名")self.label01.grid(row=0,column=0,pady=10)self.entry01 = Entry(self)self.entry01.grid(row=0,column=1,pady=10)Label(self,text="用户名为手机号",foreground="gray").grid(row=0,column=2)Label(self, text="密码").grid(row=1, column=0,pady=10)self.entry02 = Entry(self, show="*")self.entry02.grid(row=1, column=1,pady=10)#EW表示组件在水平方向上拉满该栅格Button(self, text="登录",command=self.mylogin).grid(row=2, column=1, sticky=EW)Button(self, text="取消", command=root.destroy).grid(row=2, column=2, sticky=E)def mylogin(self):username = self.entry01.get()pwd = self.entry02.get()print("去数据库比对用户名和密码!")print("用户名:"+username)print("密码:"+pwd)if username=="13333333333" and pwd=="123456":messagebox.showinfo("景天科技苑学习系统", "登录成功!欢迎开始学习!")else:messagebox.showinfo("景天科技苑学习系统","登录失败!用户名或密码错误!")if __name__ == '__main__':root = Tk()root.geometry("500x120+200+300")root.title("用户登录")app = Application(master=root)root.mainloop()

运行
在这里插入图片描述

当输入错误的用户名或密码
在这里插入图片描述

当输入正确的用户名和密码
在这里插入图片描述

【示例】基于grid布局的计算器软件的设计案例
根据实际简易计算器的按键分布,设计一个相仿的计算器界面,相应的功能暂不需要实现。
在这里插入图片描述

如上界面,实际可以设计成一个 7 行 4 列的表格布局,然后将相应的按钮放置进去即可。

"""计算器软件界面的设计"""from tkinter import *
from tkinter import messagebox
import randomclass Application(Frame):def __init__(self, master=None):super().__init__(master)        # super()代表的是父类的定义,而不是父类对象self.master = masterself.pack()self.createWidget()def createWidget(self):"""通过grid布局实现计算器的界面"""btnText = (("MC","M+","M-","MR"),("C","±","/","x"),(7,8,9,"-"),(4,5,6,"+"),(1,2,3,"="),(0,"."))Entry(self).grid(row=0,column=0,columnspan=4,pady=10)for rindex,r in enumerate(btnText):for cindex,c in enumerate(r):if c == "=":#等号跨行Button(self,text=c,width=2)\.grid(row=rindex+1,column=cindex,rowspan=2,sticky=NSEW)elif c == 0:#0跨列Button(self,text=c,width=2)\.grid(row=rindex+1,column=cindex,columnspan=2,sticky=NSEW)               elif c == ".":# 由于0跨列了,所以点的列要加1Button(self,text=c,width=2)\.grid(row=rindex+1,column=cindex+1,sticky=NSEW)else:#其他普通的正常显示Button(self,text=c,width=2)\.grid(row=rindex+1,column=cindex,sticky=NSEW)if __name__ == '__main__':root = Tk()root.geometry("230x230+200+300")root.title('科学计算器')app = Application(master=root)root.mainloop()

运行,显示计算器界面
在这里插入图片描述

【示例】带有计算功能的计算器

import tkinter as tkdef calculate(event):"""根据用户输入计算结果并显示"""try:result = eval(entry.get())entry.delete(0, tk.END)entry.insert(tk.END, str(result))except Exception as e:entry.delete(0, tk.END)entry.insert(tk.END, "Error")def button_click(number):"""在输入框中添加点击的数字或符号"""current = entry.get()entry.delete(0, tk.END)entry.insert(tk.END, current + str(number))# 初始化Tkinter窗口
root = tk.Tk()
root.title("简易计算器")
root.geometry("400x360+500+300")# 创建一个输入框用于显示和输入数字
entry = tk.Entry(root, width=40, borderwidth=6)
entry.bind("<Return>", calculate)  # 绑定回车键触发计算
entry.grid(row=0, column=0, columnspan=4, padx=10, pady=10)# 定义按钮
buttons = [('7', 1, 0), ('8', 1, 1), ('9', 1, 2), ('/', 1, 3),('4', 2, 0), ('5', 2, 1), ('6', 2, 2), ('*', 2, 3),('1', 3, 0), ('2', 3, 1), ('3', 3, 2), ('-', 3, 3),('0', 4, 0), ('.', 4, 1), ('=', 4, 2), ('+', 4, 3)
]# 创建按钮并放置在界面上
for (text, row, col) in buttons:if text == "=":tk.Button(root, text=text, padx=35, pady=20, command=lambda: calculate(None)).grid(row=row, column=col)else:tk.Button(root, text=text, padx=35, pady=20, command=lambda t=text: button_click(t)).grid(row=row, column=col)# 运行Tkinter事件循环
root.mainloop()

运行
在这里插入图片描述

按下等号得到结果
在这里插入图片描述

2.pack 布局管理器

pack 按照组件的创建顺序将子组件添加到父组件中,按照垂直或者水平的方向自然排
布。如果不指定任何选项,默认在父组件中自顶向下垂直添加组件。
pack 是代码量最少,最简单的一种,可以用于快速生成界面。
pack()参数详解:
编写一个程序的界面,就是要把各个组件,以适当大小,定位到界面的某个位置。
  tkinter以提供3种界面组件布局管理的方法,分别是:pack,grid,place 这篇文章先来讲解pack 方法。
  pack() 方法的参数有:side, fill, padx/pady, ipadx/ipady, anchor, expand等。
在这里插入图片描述

【老鸟建议】如上列出了 pack 布局所有的属性,但是不需要挨个熟悉,了解基本的即可。
pack 适用于简单的垂直或水平排布,如果需要复杂的布局可以使用 grid 或 place。

【示例】pack 布局用法,制作钢琴按键布局

# 测试pack布局管理from tkinter import *root = Tk()
root.geometry("700x220")
root.title('钢琴按键分布')# Frame是一个矩形区域,就是用来放置其他子组件
f1 = Frame(root)
f1.pack()
f2 = Frame(root)
f2.pack()btnText = ("流行风","中国风","日本风","重金属","轻音乐")for txt in btnText:Button(f1,text=txt).pack(side="left",padx="10")for i in range(1,13):Label(f2,width=5,height=10,borderwidth=1,relief="solid",bg="black" if i%2==0 else "white").pack(side="left",padx=2)root.mainloop()

运行效果
在这里插入图片描述

3.place 布局管理器

place 布局管理器可以通过坐标精确控制组件的位置,适用于一些布局更加灵活的场景。
Place 布局就是其他 GUI 编程中的“绝对布局”,这种布局方式要求程序显式指定每个组件的绝对位置或相对于其他组件的位置。

如果要使用 Place 布局,调用相应组件的 place() 方法即可。在使用该方法时同样支持一些详细的选项,关于这些选项的介绍如下:
在这里插入图片描述在这里插入图片描述

【示例】place 布局管理-基本用法测试

from tkinter import *root = Tk();root.geometry("500x300")
root.title("布局管理place");root["bg"]="white"f1 = Frame(root,width=200,height=200,bg="green")
#组件在坐标轴上的绝对位置
f1.place(x=30,y=30)#如果relx和x同时出现,先根据relx计算距离父组件最左边位置,然后再根据x来加减x像素的位置
Button(root,text="景天科技苑").place(relx=0.2,x=100,y=20,relwidth=0.2,relheight=0.5)
Button(f1,text="百战程序员").place(relx=0.6,rely=0.7)
Button(f1,text="景天老师").place(relx=0.5,rely=0.2)
root.mainloop()

运行,景天科技苑按钮中,通过place布局,同时出现了x和relx,现根据relx计算相对于父组件的布局,然后再根据x来计算绝对布局
在这里插入图片描述

【示例】place 布局管理-扑克牌游戏 demo

"""扑克牌游戏的界面设计"""from tkinter import *class Application(Frame):def __init__(self, master=None):super().__init__(master)        # super()代表的是父类的定义,而不是父类对象self.master = masterself.pack()self.createWidget()def createWidget(self):"""通过place布局管理器实现扑克牌位置控制"""# self.photo = PhotoImage(file="imgs/puke/puke1.gif")# self.puke1 = Label(self.master,image=self.photo)# self.puke1.place(x=10,y=50)#10张牌的gif图片#循环拿出扑克牌self.photos = [PhotoImage(file="imgs/puke/puke"+str(i+1)+".gif") for i in range(10)]self.pukes = [Label(self.master,image=self.photos[i]) for i in range(10)]#将10张扑克布局,折叠形式展示for i in range(10):self.pukes[i].place(x=50+i*40,y=50)# 为所有的Label增加事件处理,<Button-1>表示单击左键self.pukes[0].bind_class("Label","<Button-1>",self.chupai)def chupai(self,event):#event表示事件,包含了被点击的是哪个组件#event.widget.winfo_geometry()表示组件的坐标信息print(event.widget.winfo_geometry())#event.widget.winfo_y()表示组件的y轴坐标信息print(event.widget.winfo_y())#点击鼠标出牌,如果未出牌,点击某张牌,该牌高度上移30,如果已出牌,就恢复到默认高度50if event.widget.winfo_y() == 50:event.widget.place(y=30)else:event.widget.place(y=50)if __name__ == '__main__':root = Tk()root.geometry("600x270+200+300")root.title('扑克牌游戏')app = Application(master=root)root.mainloop()

运行
在这里插入图片描述

点击某张牌,会上移
在这里插入图片描述

再点一下,会恢复
在这里插入图片描述

这篇关于【python】tkinter编程三大布局管理器pack、grid、place应用实战解析的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1061461

相关文章

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

Python获取中国节假日数据记录入JSON文件

《Python获取中国节假日数据记录入JSON文件》项目系统内置的日历应用为了提升用户体验,特别设置了在调休日期显示“休”的UI图标功能,那么问题是这些调休数据从哪里来呢?我尝试一种更为智能的方法:P... 目录节假日数据获取存入jsON文件节假日数据读取封装完整代码项目系统内置的日历应用为了提升用户体验,

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整

使用Jackson进行JSON生成与解析的新手指南

《使用Jackson进行JSON生成与解析的新手指南》这篇文章主要为大家详细介绍了如何使用Jackson进行JSON生成与解析处理,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 核心依赖2. 基础用法2.1 对象转 jsON(序列化)2.2 JSON 转对象(反序列化)3.

Python Websockets库的使用指南

《PythonWebsockets库的使用指南》pythonwebsockets库是一个用于创建WebSocket服务器和客户端的Python库,它提供了一种简单的方式来实现实时通信,支持异步和同步... 目录一、WebSocket 简介二、python 的 websockets 库安装三、完整代码示例1.

揭秘Python Socket网络编程的7种硬核用法

《揭秘PythonSocket网络编程的7种硬核用法》Socket不仅能做聊天室,还能干一大堆硬核操作,这篇文章就带大家看看Python网络编程的7种超实用玩法,感兴趣的小伙伴可以跟随小编一起... 目录1.端口扫描器:探测开放端口2.简易 HTTP 服务器:10 秒搭个网页3.局域网游戏:多人联机对战4.

Springboot @Autowired和@Resource的区别解析

《Springboot@Autowired和@Resource的区别解析》@Resource是JDK提供的注解,只是Spring在实现上提供了这个注解的功能支持,本文给大家介绍Springboot@... 目录【一】定义【1】@Autowired【2】@Resource【二】区别【1】包含的属性不同【2】@

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》:本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.

Python使用自带的base64库进行base64编码和解码

《Python使用自带的base64库进行base64编码和解码》在Python中,处理数据的编码和解码是数据传输和存储中非常普遍的需求,其中,Base64是一种常用的编码方案,本文我将详细介绍如何使... 目录引言使用python的base64库进行编码和解码编码函数解码函数Base64编码的应用场景注意

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis