Python GUI 设计(一)———Tkinter窗口创建、组件布局

2023-11-13

本篇开始介绍用Python的Tkinter模块来设计图形化界面。尽量用简洁的语言和实例让读者能看明白,轻松入门。

1.1 创建窗口

tkinter模块是Pyhton自带的标准GUI库,可以直接导入。导入tkinter模块后,可以使用下面的方法创建一个简单的窗口。其中top是自定义的Tk对象名称,也可以取其他名称,mainloop()方法放在程序最后一行。演示程序及效果可参考下图。

from tkinter import *
top = Tk()  #通过Tk()方法建立一个根窗口
top.mainloop()  #进入等待处理窗口事件

在这里插入图片描述

1.2 设置窗口属性

创建窗口之后,可以通过一系列方法设置窗口样式,包括窗口标题、大小、背景等,下列是窗口相关的方法。
在这里插入图片描述
演示程序及效果可参考下图:

from tkinter import *
top = Tk()  #创建窗口
top.title("智能课堂考勤系统")  #定义窗口名称
top.geometry('500x300')  #设置主窗口大小,注意中间对的符号是小写字母x
#创建文本标签Label,top是第一个参数为父窗口,text是标签内容
#设置位置参数,使用place方法可将控件放在指定位置,
#place()方法中窗口显示区左上角是(0,0),x是向右递增,y是向下递增
Label(top,text = "这是一个标签").place(x = 200,y = 100)  
#创建按钮,text是功能按钮的名称
Button(top,text = "新学生注册").place(x = 220,y = 150)
top.mainloop()

在这里插入图片描述

1.3 Widget组件

1.3.1 Widget组件的分类
Widget中文翻译为组件或者控件,窗口建立后,就可以在窗口里面放置一些组件,可以是文字、按钮等。tkinter模块包含了多种组件,下列是一些常用的组件介绍。
在这里插入图片描述
1.3.2 Widget的共同方法
设计组件时会看到下列常用的共同方法。
在这里插入图片描述

1.4 布局管理

在设计图形用户界面程序时,可以使用三种方法定位各个组件在窗口中的指定位置,这三种方法分别是pack()方法、grid()方法、place()方法。下面对这三种方法进行详细讲解。
1.4.1 pack()方法
pack()方法是使用相对位置的概念处理Widget控件配置的,其语法如下:
pack的语法
上面语法中的widget是需要布局的组件,options为pack()方法的相关参数,参数默认为widget.pack()时,组件按照由上往下显示,其他参数及其函数如下表所示。
在这里插入图片描述
(1)side参数的属性值
在这里插入图片描述
(2)padx/pady参数设定组件边界与窗口边界的距离或是组件边界间的距离。
演示程序及效果参考如下:

from tkinter import *  
top = Tk()
top.title("TK")  #窗口标题
top.geometry("200x150")  #窗口长宽
#标签组件左右边界距离是80,距离窗口或组件的距离为10
Label(top,text = "一是一",bg="red").pack(padx=80,pady=10)
Label(top,text = "二是二",bg="yellow").pack(padx=80,pady=10)
Label(top,text = "三是三",bg="white").pack(padx=80,pady=10)
top.mainloop()

在这里插入图片描述

在演示程序中,标签“一是一”与上边窗口的边界间距为10,但是它与标签“二是二”得间距由于彼此影响所以间距是20,同里“二是二”与“三是三”之间的距离也是20。
(3)fill参数用于设置组件填充所分配空间的方式,它主要有下面4个属性。
在这里插入图片描述
(4)anchor参数表示设置组件在窗口中的位置,具体属性如下图所示。
方位属性
例如在窗口的右下角显示一个标签,演示程序及效果如下图。

from tkinter import *  
top = Tk()
top.title("TK")  #窗口标题
top.geometry("200x100")  #窗口长宽
Label(top,text = "返回",bg="red").pack(anchor = "s" ,side = RIGHT)
top.mainloop()

在这里插入图片描述

1.4.2 grid()方法
grid()方法是一种以格状或者类似Excel电子表格方式包装和定位窗口组件的方法。其语法如下:
grid方法
上面语法中的widget是需要布局的组件,options为grid()方法的相关参数,其参数及说明如下表所示。
在这里插入图片描述
(1)row和column参数的概念可参考下图。
行/列布局
适当调整row和column的值,即可定位窗口组件的位置。演示程序及效果可参考下图。

from tkinter import *  
top = Tk()
top.title("TK")  #窗口标题
top.geometry("200x100")  #窗口长宽
Label(top,text = "一是一",bg="red").grid(row=0,column=0)
Label(top,text = "二是二",bg="yellow").grid(row=0,column=1)
Label(top,text = "三是三",bg="white").grid(row=1,column=0)
top.mainloop()

在这里插入图片描述

(2)grid方法中padx和pady参数的用法与pack方法中的padx和pady参数相同,可直接参考下面的案例。

from tkinter import *  
top = Tk()
top.title("TK")  #窗口标题
top.geometry("200x100")  #窗口长宽
Label(top,text = "一是一",bg="red").grid(row=0,column=0,padx=30,pady=5)
Label(top,text = "二是二",bg="yellow").grid(row=0,column=1,padx=30,pady=5)
Label(top,text = "三是三",bg="white").grid(row=1,column=0,padx=30,pady=5)
Label(top,text = "四是四",bg="pink").grid(row=1,column=1,padx=30,pady=5)
top.mainloop()

在这里插入图片描述

1.4.3 place()方法
place()方法可以设置组件的大小以及组件在窗口中的精确位置,其参数及其含义如下表所示。
在这里插入图片描述
(1)x/y参数
place()方法内的x和y参数可直接设置组件在窗口的左上方位置,单位是像素。窗口显示区的左上角(x=0,y=0),x是向下递增,y是向右递增。演示程序及效果可参考下图。

from tkinter import *  
top = Tk()
top.title("TK")  #窗口标题
top.geometry("200x100")  #窗口长宽
Label(top,text = "一是一",bg="red").place(x=1,y=0)
Label(top,text = "二是二",bg="yellow").place(x=50,y=30)
Label(top,text = "三是三",bg="white").place(x=0,y=60)
top.mainloop()

在这里插入图片描述

(2)width/height参数
这两个参数可以直接设置组件的宽度和高度。设计一个距离窗口左上角水平距离50,距离左上角垂直距离20,组件的宽度50,高度70的标签组件,演示程序及效果可参考下图。

from tkinter import *  
top = Tk()
top.title("TK")  #窗口标题
top.geometry("200x100")  #窗口长宽
Label(top,text = "一是一",bg="yellow").place(x=50,y=20,width=50,height=70)
top.mainloop()

在这里插入图片描述

(3)relwidth/relheight参数
这两个参数可以设置组件大小分别占窗口的比例,进行等比例缩放,取值范围为0~1,演示程序及效果可参考下图。

from tkinter import *  
top = Tk()
top.title("TK")  #窗口标题
top.geometry("200x100")  #窗口长宽
Label(top,text = "一是一",bg="yellow").place(relwidth = 0.8,relheight=0.8)
top.mainloop()

在这里插入图片描述

以上是关于窗口创建、窗口组件布局方法的介绍。接下来会更新多种Widget组件的详细用法~
下一篇是关于Widget组件的详解Python GUI 设计(二)—Widget组件详解

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Python GUI 设计(一)———Tkinter窗口创建、组件布局 的相关文章

随机推荐

  • 右键菜单调用命令行

    新建文档 Windows Registry Editor Version 5 00 HKEY CLASSES ROOT Folder shell CmdPrompt cmd here HKEY CLASSES ROOT Folder she
  • DELL戴尔笔记本电脑灵越Inspiron 14 5410&5418原厂Win10系统恢复原装OEM出厂状态系统

    Dell戴尔笔记本电脑 灵越Inspiron 14 5410 5418原装出厂OEM系统镜像原厂系统文件 系统自带所有驱动 出厂主题壁纸LOGO Office办公软件等预装程序 链接 https pan baidu com s 1Qj dW
  • C++ 核心编程

    一 内存分区模型 C 程序在执行时 将内存大方向划分为4个区域 代码区 存放函数体的二进制代码 由操作系统进行管理 全局区 存放全局变量和静态变量以及常量 栈区 由编译器自动分配释放 存放函数的参数值 局部变量等 堆区 由程序员分配和释放
  • 基于STM32的ESP8266获取天气数据(HAL库)

    一 介绍 进入主题 下图正是购买的esp8266模块 对于esp01 引脚图如下 二 刷固件 在使用AT指令时 有时候会无法进入AT模式 也就是在串口发送指令 无应答 除了检查引脚和TTL模块是否接错 还可能是需要刷固件 在接线时要注意TT
  • View移动(scrollTo()、scrollBy()方法)

    源码 View java public void scrollTo int x int y if mScrollX x mScrollY y int oldX mScrollX int oldY mScrollY mScrollX x mS
  • 其实UE4资料很丰富

    除了303个shader外 还有program里面的例子
  • QMap & QHash基础应用

    include
  • 神文!高校教授跑了一个月外卖写下这篇文,几千万浏览量,5万+评论

    省时查报告 专业 及时 全面的行研报告库 省时查方案 专业 及时 全面的营销策划方案库 免费下载 2023年7月份全网热门报告合集 ChatGPT提词示例 让你的ChatGPT聪明100倍 超百页干货资料 AI应用的难点 痛点与未来 202
  • 每一个都能笑抽的 39 个奇葩代码注释

    素材来源 网络 1 只有上帝知道 我写这一行的时候 只有上帝和我知道我在写什么 现在 只有上帝知道了 2 相隔时空的 diss somedev1 6 7 02 添加对登录屏幕的暂时追踪功能 somedev2 5 22 07 暂时个屁 仿佛看
  • 在vscode中配置python的安装环境

    一 首先需要下载python版本和vscode的版本 这个需要自己根绝电脑的操作系统进行配置 1 python安装官网 https www python org downloads 但是官网下载很慢 所以可以放到迅雷中进行下载 或者这个也能
  • 【OSS】【Py】OSS出现The specified key does not exist问题

    今天接口的OSS模块出现异常 Exception status 404 x oss request id 5C50209BAE509FEEA16D753E details Code NoSuchKey Message The specifi
  • win10 cpu虚拟化打不开

    win10 cpu 虚拟化打不开 重启进入windows 的bios界面 一共需要调整两处Intel Virtualization Technology 一个在advance下 另一个在advance下的cpu设置里面 两个都设置为enab
  • 软件测试题目汇总

    软件缺陷 1 软件未实现产品说明书要求的功能 2 软件出现了产品说明书指明不应该出现的错误 3 软件实现了产品说明书未提到的功能 4 软件未实现产品说明书虽未明确提及但应该实现的目标 5 软件难以理解 不易使用 运行缓慢或者从测试员的角度看
  • 爬取天眼查 的python 代码

    Description 天眼查关键词爬取风险信息 Author bessie lina Date 2019 08 14 17 39 30 LastEditTime 2019 08 30 16 32 13 LastEditors Please
  • docker 安装fileBrowser

    fileBrowser 是一个 Web 文件浏览器 它更类似于一个网盘服务器 使我们可以在浏览器中访问服务器上的文件资源 同时 fileBrowser 还支持添加多个用户 并为不同的用户设置不同的访问权限 除此之外 fileBrowser
  • Eclipse添加注释的快捷键alt+shift+j

    http www cnblogs com xuedexin articles 5658346 html
  • [464]Outlook如何备份邮件

    如何在outlook中添加新账户 点击outlook菜单栏上的 文件 选项 可以看到主界面右侧有一个 添加账户 的选项 点击 添加账户 进入其设置界面 这里有三大选项 请选择 手动设置服务器设置或其他服务器类型 点击下一步 进入 选择服务
  • vue3+vite快速配置eslint的踩坑

    前言 本文强调快速配置eslint 所以不使用下载依赖包和配置的方式进行eslint配置 而是使用现有的eslint自动化构建的包进行快速配置 无论是新项目要集成eslint还是已经开发了一段时间的项目中途要加入eslint都可以按文章中的
  • Linux笔记&Linux常用指令合集

    1 Linux文件结构 linux的目录中有且只有一个根目录 linux的各个目录存放的内容是规划好 不能乱放文件 linux是以文件的形式管理我们的设备 因此linux系统 一切皆为文件 bin Binary的缩写 用来存放常用命令的 比
  • Python GUI 设计(一)———Tkinter窗口创建、组件布局

    本篇开始介绍用Python的Tkinter模块来设计图形化界面 尽量用简洁的语言和实例让读者能看明白 轻松入门 1 1 创建窗口 tkinter模块是Pyhton自带的标准GUI库 可以直接导入 导入tkinter模块后 可以使用下面的方法