python Tkinter的简单入门教程


Posted in Python onApril 11, 2021

我们将编写一个英尺和米的转换程序,通过这个程序,我们将会了解一个真正的实用程序该怎么设计和编写,我们也将会了解到 Tk 程序内部的基本样子。不必完全掌握里面的所有知识,更多细节将会在之后的章节中讲到。本节仅要求了解即可,使读者明白如何设计和编写一个 Tk GUI 程序。

设计

我们将要写一个简单的将英尺(feet)转换为米(me­ters)的 GUI 工具,按照我们的经验,它应该长成下面那个样子:

python Tkinter的简单入门教程

这个程序会有一个输入框用来输入英尺数,还将会有一个显示框用来显示被转换之后的数字,几个用于显示提示字符的文本区域,同样重要的是,必须有一个转换触发按钮。

不难发现,这个程序大致被分为了三行三列,这很重要,关乎之后的 几何管理(用于控制组件的大小和位置),我们将在之后章节中讲到。

代码

from tkinter import *
from tkinter import ttk

def calculate(*args):
    try:
        value = float(feet.get())
        meters.set((0.3048 * value * 10000.0 + 0.5)/10000.0)
    except ValueError:
        pass

root = Tk()
root.title("Feet to Meters")
mainframe = ttk.Frame(root, padding="3 3 15 15")
mainframe.grid(column=0, row=0, sticky=(N, W, E, S))
mainframe.columnconfigure(0, weight=1)
mainframe.rowconfigure(0, weight=1)

feet = StringVar()
meters = StringVar()

feet_entry = ttk.Entry(mainframe, width=7, textvariable=feet)
feet_entry.grid(column=2, row=1, sticky=(W, E))

ttk.Label(mainframe, textvariable=meters).grid(column=2, row=2, sticky=(W, E))
ttk.Button(mainframe, text="转换", command=calculate).grid(column=3, row=3, sticky=W)

ttk.Label(mainframe, text="英尺").grid(column=3, row=1, sticky=W)
ttk.Label(mainframe, text="等于").grid(column=1, row=2, sticky=E)
ttk.Label(mainframe, text="米").grid(column=3, row=2, sticky=W)

for child in mainframe.winfo_children(): child.grid_configure(padx=5, pady=5)

feet_entry.focus()
root.bind('<Return>', calculate)

root.mainloop()

最终会是这个样子

python Tkinter的简单入门教程

逐步解释

我们要编写 Tk 程序,首先要引入 Tk­in­ter 的模块。

from tkinter import *
from tkinter import ttk

这两行告诉 Python 我们的程序需要这两个模块。首先,tkinter 是 Tk 的标准包,当它加载的时候,也会导致 Tk 函数库在你的系统中被加载。其次,ttk 是 在 Tk 8.5 中新添加的,提供对 Tk 8.5 中引入的 Tk 主题小部件集的访问,其基本思想是将实现小部件行为的代码与实现其外观的代码尽可能地分开,在这里我们不去深究。

值得注意的是,我们已经从 tk­in­ter 模块中导入了所有函数,因此我们可以直接调用 tk­in­ter 的所有函数而不需要添加前缀。但是我们只导入了 ttk 模块,所以在使用 ttk 模块中的函数时应该增加 ttk 前缀。

如果你要将旧代码修改为新代码,你会发现 Tk­in­ter 的名字从大写变成了小写 tkinter,这个改变从 Python 3.0 开始。

root = Tk()
root.title("Feet to Meters")
mainframe = ttk.Frame(root, padding="3 3 15 15")
mainframe.grid(column=0, row=0, sticky=(N, W, E, S))
mainframe.columnconfigure(0, weight=1)
mainframe.rowconfigure(0, weight=1)

cal­cu­late 函数将会在后面讲解,之所以放到前面,是因为后面的许多语句需要调用它。

root = Tk() 语句构建了一个 main 窗口,也被称为 root 窗口。使用 root.title("title") 为窗口赋予一个名字。ttk.Frame(root, padding="3 3 15 15") 建立一个框架,这个框架分为三行三列,像素为 15。我们将这个框架放置到到 root 窗口中,不同的是,我们的所有组件都被放到了这个框架中而不是 root 窗口。

一般来说,我们可以将所有的组件(Wid­get)都放到 root 窗口中,但是主窗口的背景可能与我们添加的组件不匹配,这时候,我们添加一个中间框架(Frame),将组件放到这个中间框架上来保证内容与背景的匹配。

columncoonfigure 和 rowconfigure 告诉 Tk, 当主窗口重新改变了大小,那么在这之上的 Frame 框架也应该变化,以占用多余的空间。

feet = StringVar()
meters = StringVar()
feet_entry = ttk.Entry(mainframe, width=7, textvariable=feet)
feet_entry.grid(column=2, row=1, sticky=(W, E))

ttk.Label(mainframe, textvariable=meters).grid(column=2, row=2, sticky=(W, E))
ttk.Button(mainframe, text="转换", command=calculate).grid(column=3, row=3, sticky=W)

上面的几条语句在框架上 (main­frame) 创建了三个组件,输入框、输出区域(La­bel,用于放置转换的结果)、转换按钮。

对于每一个组件(Wid­get),我们需要做两件事:

  1. 创建
  2. 放置

他们都是 ttk 模块中的类。创建时,我们指定传入的参数:放置的框架,大小,按钮中的字符等。至于 textvariable 的意思,它指这个输入框或者输出框中的值所关联的变量,而这个变量的类型是 StringVar 的对象。

我们使用 grid(网格) 进行几何管理,意思就是这个组件将放在哪一个地方(哪一行,哪一列),sticky 指明组件在分配给它的网格单元(grid cell)中的排列(line up)方式,E、W、S、N 就是东西南北的意思,类似于文本编辑器中的 居中、靠左、靠右等。

ttk.Label(mainframe, text="英尺").grid(column=3, row=1, sticky=W)
ttk.Label(mainframe, text="等于").grid(column=1, row=2, sticky=E)
ttk.Label(mainframe, text="米").grid(column=3, row=2, sticky=W)

上述三行创建了三个指定内容的 文本标签(La­bel),并放到了指定的位置。

for child in mainframe.winfo_children():
    child.grid_configure(padx=5, pady=5)
feet_entry.focus()
root.bind('<Return>', calculate)

这四行代码为我们的图形化做了一个漂亮的收尾工作。

前两行代码遍历所有的放置在 main­frame 中的组件,并在它们周围增加了一些边框,使它们不至于都挤在一起。当然也可以单独遍历这些组件,然后逐个进行设置,但这不是方便的做法。

第三行代码告诉 Tk,在程序运行时,将光标聚焦在输入框中,使用户不必再点击一下输入框。

第四行代码告诉 Tk,当用户在按下 Return(Win­dows 中是 En­ter)时,调用 cal­cu­late 函数。这与按下按钮调用 cal­cu­late 函数是一样的。

def calculate(*args):
    try:
        value = float(feet.get())
        meters.set((0.3048 * value * 10000.0 + 0.5)/10000.0)
    except ValueError:
        pass

这里我们定义了一个 cal­cu­late 函数调用,当按下 Return、Enter(Win­dows),或者转换按钮时它将会被调用。它从输入框中获取用户输入的数值,然后将其转换为单位为米的数值之后,将输入框中的数值设置为正确的结果。

显然看到,cal­cu­late 函数通过获取 feet 和设置 meters 来改变在它们各自对应的输入框(Entry)和输出框(Label)中的数值显示。当用户的输入改变时,对应的 feet 的值就会被修改为对应的输入值;当 meters 被被修改时,对应的输出框(La­bel)显示的值也会改变。这就是在定义 feet_entry(输入框)和 label(输出框)时,还要指定 textvariable 的值的原因,而它的值应该是一个 StringVar 的对象。如以下示例:

feet = StringVar()
meters = StringVar()
feet_entry = ttk.Entry(mainframe, width=7, textvariable=feet)
ttk.Label(mainframe, textvariable=meters).grid(column=2, row=2, sticky=(W, E))
root.mainloop()

最后一句告诉 Tk 进入事件循环(event loop),这是使一些运行起来所必须的。

以上就是python Tkinter的简单入门教程的详细内容,更多关于python Tkinter入门教程的资料请关注三水点靠木其它相关文章!

Python 相关文章推荐
Python中文竖排显示的方法
Jul 28 Python
python抓取网页中链接的静态图片
Jan 29 Python
python3 读取Excel表格中的数据
Oct 16 Python
解决Pycharm界面的子窗口不见了的问题
Jan 17 Python
Python3.8中使用f-strings调试
May 22 Python
python 函数的缺省参数使用注意事项分析
Sep 17 Python
jupyter 使用Pillow包显示图像时inline显示方式
Apr 24 Python
如何对python的字典进行排序
Jun 19 Python
如何利用python检测图片是否包含二维码
Oct 15 Python
OpenCV+python实现膨胀和腐蚀的示例
Dec 21 Python
python excel和yaml文件的读取封装
Jan 12 Python
python读取excel数据并且画图的实现示例
Feb 08 Python
PyQt5 显示超清高分辨率图片的方法
用Python提取PDF表格的方法
用Python提取PDF表格的方法
python实现自动化群控的步骤
Apr 11 #Python
python 调用js的四种方式
Apr 11 #Python
Python WSGI 规范简介
使用pytorch实现线性回归
You might like
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
javascript 二进制运算技巧解析
2012/11/27 Javascript
JS、DOM和JQuery之间的关系示例分析
2014/04/09 Javascript
javascript实现图片上传前台页面
2015/08/18 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
基于javascript实现图片懒加载
2016/01/05 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
基于jquery实现的鼠标悬停提示案例
2016/12/11 Javascript
详谈js中标准for循环与foreach(for in)的区别
2017/11/02 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
javascript事件循环event loop的简单模型解释与应用分析
2020/03/14 Javascript
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
[00:11]战神迅矛
2019/03/06 DOTA
python中文件变化监控示例(watchdog)
2017/10/16 Python
python 日志增量抓取实现方法
2018/04/28 Python
使用pytorch进行图像的顺序读取方法
2018/07/27 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
django模板结构优化的方法
2019/02/28 Python
python matplotlib库绘制条形图练习题
2019/08/10 Python
django实现将后台model对象转换成json对象并传递给前端jquery
2020/03/16 Python
使用python把xmind转换成excel测试用例的实现代码
2020/10/12 Python
CSS3绘制超炫的上下起伏波动进度加载动画
2016/04/21 HTML / CSS
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
Chupi官网:在爱尔兰手工制作的订婚、结婚戒指和精美珠宝
2020/09/28 全球购物
学生个人的自我评价分享
2013/11/05 职场文书
会计专业应届生自荐信
2014/02/07 职场文书
教师见习期自我鉴定
2014/04/28 职场文书
工商管理自荐书
2014/07/06 职场文书
学生打架检讨书
2014/10/20 职场文书
学雷锋日活动总结
2015/02/06 职场文书
运动会广播稿200字
2015/08/19 职场文书
《学会看病》教学反思
2016/02/17 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书