Python GUI 设计(一)

您所在的位置：网站首页 › pycharm无法新建窗口 › Python GUI 设计(一)

Python GUI 设计(一)

2023-11-29 23:56| 来源: 网络整理| 查看: 265

本篇开始介绍用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组件详解

【本文地址】

公司简介

联系我们