Python的门面担当 - Tkinter

Lucky_Boy 发布于2019-07-30 17:55 / 999人阅读

摘要：在这个窗口之上，可以添加各种输入框按钮文本等，可以增加对各种动作的处理。事件要与特定的控件相绑定，比如按钮有点击事件，输入框有按键事件，窗体有关闭事件等。

在大多数时候，我们都在黑黢黢的控制台里执行 Python 脚本。这看起来很酷很 GEEK。但对于部分场景下的用户来说，这样就不大美观和人性化了：我们需要交互更方便的图形化产品，也就是 GUI （图形用户界面，Graphical User Interface）。

Python 有很多可实现 GUI 的库，在之前的文章中有过一个整理：在这个什么都看脸的时代，如何用 GUI 提高 python 程序的颜值？但没有针对某个具体的库做介绍。最近有同学提到希望给讲解下 GUI 的开发，那么今天就来做个简单的“快速上手”。

而我们要介绍的库，就是

Tkinter

相比较其他的 GUI 库，Tkinter 有个优势在于，它是 Python 内置的 GUI 库 ，无需另行安装，省事了一点点。另外如果你要将开发出的程序打包成 exe，它也比第三方库稍稍更容易一点点。

而功能上，Tkinter 已足够处理大多数小型 GUI 程序的需求。其开发的程序在各主流操作系统上均可运行。Python 的内置编辑器 IDLE 就是使用 Tkinter 开发的。因此，我个人在之前的开发中，是将 Tkinter 作为首选。

（当然， PyQt 也是很强大的 GUI 库，可以做出复杂酷炫的界面效果。而原有 QT 开发经验的人更是很容易上手。）

Hello GUI World

我们从一个最简单的 Tkinter GUI 程序说起：


import tkinter as tk
root = tk.Tk()
root.mainloop()

1.创建一个 Tk 窗口对象；2.调用这个对象的消息主循环。 一个窗口就出现了。在这个窗口之上，可以添加各种输入框、按钮、文本等，可以增加对各种动作的处理。

以往我们写的程序（比如猜数字、罚点球、查天气等）大多是有一个固定的执行流程。而 GUI 程序的不同之处在于，通常它们是由“ 事件驱动 ”的：程序运行后，相当于进入一个循环一直运行。如果你不做任何操作，这个窗口就一直在这里。看起来是静止的，但程序实际上是在等待你的操作： _通过与窗口中的“ 控件 ”进行交互，比如点击按钮、输入文字、勾选选项等，产生不同的“ 事件 ”，程序再根据预设的“ 响应 ”做处理。_就算要结束程序，也是通过“关闭窗口”和“退出”事件。

这就是 mainloop 的意义所在：监听各种事件。理解了这一点，也就理解了 GUI 程序的基本逻辑。

控件

所谓控件，就是 GUI 图形化界面上的对象，或者说功能元素。比如输入框、文本框、按钮、下拉菜单、滚动条等等，窗体本身也可以认为是一个控件。一个控件包含了数据和操作，决定了页面上的元素放在哪里、长什么样、有什么样的效果。

举几个 Tkinter 常用控件的例子：


label = tk.Label(root, text="Hello, world!")
label.pack()
btn = tk.Button(root, text="OK")
btn.pack()
entry = tk.Entry(root)
entry.pack()
root.mainloop()

在调用 mainloop 前，增加了 Label （文本标签）、 Button （按钮）、 Entry （输入框）三个控件，通过 pack() 方法把它们添加到了窗口之上。

Tkinter 有 15 个核心控件，每个控件有多种设置，这里不展开介绍，网上可以很容易搜到详细的文档说明。

另外除了这些基本控件之外，Tkinter 还提供了一个 ttk 模块，增加了几个控件并对部分已有控件进行了优化。例如：


 from tkinter import ttk
entry = ttk.Entry(window)
entry.pack()
combo = ttk.Combobox(window)
combo["values"] = ("IDLE", "PyCharm", "VSCode", "SublimeText")
combo.pack()

完整示例代码在文末附上。

对于控件属性的设置，有 3 种方法：

在创建时通过参数设置。如 btn = Button(root, text="Click", fg="red", bg="blue", command=click)

通过字典的方式修改。如 btn["fg"] = "green"

通过 config 函数修改。如 btn.config(fg="green", bg="yellow")

布局

如果只是简单的用 pack() 方法将控件添加到窗口上，它们将按顺序从上往下的放置。这显然无法满足复杂的需求。

Tkinter 提供了三种布局方式：

1. Pack

pack 是最简单的布局管理方式，除了像我们前面直接调用外，可以加上 fill、padx、pady、ipadx、ipady、side 等参数，调整放置的边距、填充方式、对齐方式等。


btn.pack(fill=tk.X, padx=5, pady=20, side=tk.LEFT)

2. Place

用 place 替代 pack，可以精确地指定空间的放置坐标及长宽。


btn.place(x=50, y=100, width=120, height=25)

3. Grid

Grid 布局的逻辑在于，将窗口像表格一样划分成不同的格子，将控件放置进去。例如：

当控件数量众多时，这种布局方式更有条理。


btn.grid(row=1, column=0)

顺便提一句，如果你希望可以像 VB 那样所见即所得地设计窗体控件，可以了解下 Visual Tkinter 这个工具。

事件

前面说的都是外在的形式，一个 GUI 程序要能运行，离不开内部的事件响应。即：当用户做了一个操作，程序要做出怎样的反应。

事件要与特定的控件相绑定，比如按钮有点击事件，输入框有按键事件，窗体有关闭事件等。

常用的 2 种绑定方法：

1. command

通过控件的 command 参数指定响应函数：


def onClick():
    print("clicked!")

btn = Button(root, text="click", command=onClick)

注意这里传递参数时，onClick 后面不能加上括号。（思考下加与不加的区别在哪里？）

2. bind

通过 bind 方法绑定不同的事件：


def onButton(event):
    print("Clicked:", event.x, event.y)

def onKey(event):
    print("Pressed", event.char)

entry.bind("", onButton)
entry.bind("", onKey)

控件、布局、事件响应，就是 GUI 开发的几个重要部分。对此有了整体认识后，剩下的就是查阅相关文档和练习了。

如果有不理解的部分或想要深入了解的细节问题，可以在我们的论坛 http:// bbs.crossincode.com 上发帖讨论，或在 知识星球 上提问。

运用上述内容，我们把课程最初的猜数字游戏改成一个 GUI 版本。

获取详细代码，请在公众号（ Crossin的编程教室 ）里回复关键字 GUI

【 课后作业 】实现一个简单的 GUI 程序，猜数字或者一个简单的登录框、一个小计算器等等，可以用 Tkinter，也可以用其他 GUI 库。欢迎留言你的代码，或发在论坛上。

下课！

════

其他文章及回答：

欢迎搜索及关注： Crossin的编程教室

混合云私有云门面 Tkinter Tkinter模块找不到 python 的{}

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/42504.html

Python GUI图形用户界面解答

　　Python GUI图形用户界面，指的是在Python中，采用图形的形式，去操作相关的一些用户界面，这么说的话，比较简单的。大家想不想搞清楚，它到底本质上的样子是什么呢？下面就给大家做个解答。　　GUI介绍　　图形用户界面（Graphical User Interface，简称GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。图形用户界面是一种人与计算机通信的界面显示格式，允...

89542767 2022-11-10 14:06 评论0 收藏0
[译][Tkinter 教程01] 入门: Label 控件

摘要：已获原作者授权原系列地址下面我们将以中最简单的控件控件开始这个系列的教程在中控件用以显示文字和图片通常被用来展示信息而非与用户交互译者注也可以绑定点击等事件只是通常不这么用程序员的教程怎么能少了我们尊重这个传统但我们不说让我们来秀出吧下面的已获原作者授权. 原系列地址: Python Tkinter Hello Tkinter Label 下面我们将以 Tkinter 中最简单的控...

Sike 2019-07-30 16:06 评论0 收藏0
可能是最有颜值的Python Tkinter计算器

摘要：上机实践课程开始了嗯，老师来了之后念了下，然后说开始做吧然后就开始了的之路，以前没接触过的可视化界面虽然这样很不明智但是现在做起来感觉写小工具还挺方便的，当时搜到的第一个库便是就直接开始写了后来发现很不错的样子，下个实验就用吧然后关于计算器上机实践课程开始了,嗯，老师来了之后念了下PPT，然后说:开始做吧......... 然后就开始了Python的GUI之路，以前没接触过PYtho...

princekin 2019-07-30 15:09 评论0 收藏0
Python又把GUI界面攻下了，今天就告诉你怎么玩

摘要：引言学这么久了，一直想做个界面出来，最近发现有个内置库，利用它可以很轻松做出一些简易的界面，首先来看官方对的说明从上面描述中我们不难看出，不管你是系统，还是系统，它都可以生成相对应的操作界面，这就是所谓的跨平台。 showImg(https://segmentfault.com/img/remote/1460000018532942?w=1078&h=1076); 0.引言学Pyth...

SunZhaopeng 2019-07-31 10:10 评论0 收藏0