Python 内置界面开发框架 Tkinter入门篇 丁

实现一个简单的记事本应用

前面说了这么多，用句流行语来概括就是 「散装知识点」。为了串联起来有个全面的体会，下面让我们一起来实现一个简单的记事本程序吧！

产品定义

作为一个产品的开发来看的话，我们需要清楚地知道自己到底想要的产品是长什么样子，然后才是实现的过程。

我们打算做一个基本的记事本，它可以点击按键打开 TXT 格式的文本文件，把文件内容读取出来显示在编辑区，然后在编辑区修改了文件内容后，又可以点击其它按键把编辑区的内容另存为其它文本文件。

按照上面的功能需求定义，就可以给记事本定个草图啦，长这样

可以看到，它需要先有个主窗口

import tkinter as tk

window = tk.Tk()
window.mainloop()

然后，应该有个标题栏，上面显示有软件名称 「记事本」

import tkinter as tk

window = tk.Tk()
window.title("记事本")
window.mainloop()

从草图来看，它还需要功能按钮区域和文本编辑区，可以使用 grid 布局管理器来划分区域。总体可以划分为 1 行 2 列，第 1 列是功能按钮区域，第 2 列是文本编辑区；第 1 行第 1 列也就是功能按钮区域，又可以划分为 2 行 1 列，第 1 行是按钮打开，第 2 行是按钮另存。

好了，这就是我们这个产品的初步定义。

UI实现

对界面布局做好划分之后，就开始添加控件代码了

import tkinter as tk

window = tk.Tk()
window.title("记事本")

btn_frame = tk.Frame(
    master=window,
    bd=2
    )
btn_open = tk.Button(
    master=btn_frame,
    text="打开"
    )
btn_save_as = tk.Button(
    master=btn_frame,
    text="另存"
    )

btn_open.grid(row=0, column=0)
btn_save_as.grid(row=1, column=0)
btn_frame.grid(row=0, column=0)

txt_edit = tk.Text(master=window)
txt_edit.grid(row=0, column=1)

window.mainloop()

显示是这样

看起来已经和草图很接近了，不过按钮的布局还是需要调整，位置应该处于所属列的顶部，而且按钮太靠边了。还有，窗体在拉伸之后，控件也没有跟随变化。这几个问题怎么修复呢？

为了将按钮置顶，可以对控件 btn_frame 应用上下拉满，sticky 设为 “ns”。

而按钮太靠边，可以通过修改填充属性 padding，比如 padx=5, pady=5 让控件的边框收缩 5 个像素，保持距离感。

而编辑框控件没有跟随窗体一起拉伸，是因为控件 txt_edit 还需要设置所有边框靠着边界，比如 sticky 设为 “nsew” 即可。

看看修改后的代码

import tkinter as tk

window = tk.Tk()
window.title("记事本")

window.rowconfigure(
    0,
    minsize=100,
    weight=1
    )
window.columnconfigure(
    1,
    minsize=100,
    weight=1
    )

btn_frame = tk.Frame(
    master=window,
    bd=2
    )
btn_open = tk.Button(
    master=btn_frame,
    text="打开"
    )
btn_save_as = tk.Button(
    master=btn_frame,
    text="另存"
    )

btn_open.grid(
    row=0,
    column=0,
    sticky="ew",
    padx=5,
    pady=5
    )
btn_save_as.grid(
    row=1,
    column=0,
    sticky="ew",
    padx=5
    )
btn_frame.grid(
    row=0,
    column=0,
    sticky="ns"
    )

txt_edit = tk.Text(master=window)
txt_edit.grid(
    row=0,
    column=1,
    sticky="nsew"
    )

window.mainloop()

跑起来试一下

OK ! UI 界面视觉效果达到预期了。

逻辑功能

下一步就是补充逻辑功能，让记事本能读写文本文件。

先看怎么实现打开逻辑。

理一下思路： 点击按钮「打开」，程序就会弹出选取文件的窗口，选中文件后点击确定就返回选中的文件路径，然后按照文件路径把文件内容读取出来并且显示到编辑框中。另外，为了让用户知道最终显示的内容来自哪个文件，所以可以把文件路径添加到窗口的标题栏最前面。看怎么修改代码

...

def open_file():
    file_path = filedialog.askopenfilename(
        filetypes=[
            ("Text files", "*.txt"),
            ("All files", "*.*")
            ]
    )
    if not file_path:
        window.title("无标题 - 记事本")
        return
    window.title(f"{file_path} - 记事本")
    txt_edit.delete("1.0",
                    tk.END)
    with open(
        file_path,
        mode="r",
        encoding="utf-8") as input_file:
        txt_edit.insert(
            tk.END,
            input_file.read()
            )

...

btn_open = tk.Button(
    master=btn_frame,
    text="打开",
    command=open_file
    )

...

上面代码的修改点是添加了一个响应函数 open_file，这个函数用于打开文本文件并读取文件内容显示，然后在实例化按钮控件 btn_open 时，把响应函数 open_file 赋值给参数 command 即可。

为了测试记事本的显示文本内容功能，我们先手动在桌面创建一个文本文件 test.txt，然后输入内容并保存

这是测试文本文件
...

运行一下程序，然后点击「打开」按钮，选中刚刚创建的文件 test.txt 并打开

可见读取文本内容的目标功能基本达成，再看怎么实现另存逻辑。

理一下思路： 点击按钮「另存」，程序就会弹出选择保存文件的路径的窗口，选中路径后点击确定就返回选中的路径，然后按照路径把编辑框中的内容保存为文件。另存后，窗口标题栏也需要相应改变。看怎么修改代码

...

def save_as_file():
    file_path = filedialog.asksaveasfilename(
        defaultextension=".txt",
        filetypes=[
            ("Text files", "*.txt"),
            ("All files", "*.*")
            ]
    )
    if not file_path:
        return
    with open(
        file_path,
        mode="w",
        encoding="utf-8") as output_file:
        output_file.write(txt_edit.get("1.0",
                                        tk.END))
    window.title(f"{file_path} - 记事本")

...

btn_save_as = tk.Button(
    master=btn_frame,
    text="另存",
    command=save_as_file
    )

...

上面代码的修改点是添加了一个响应函数 save_as_file，这个函数用于选择另存文件位置并把编辑框内容写入指定位置文件，然后在实例化按钮控件 btn_save_as 时，把响应函数 save_as_file 赋值给参数 command 即可。

为了测试记事本的文件另存功能，我们先用我们最新修改的记事本程序打开上面手动创建的文本文件 test.txt，然后在编辑框把内容修改一下

点击「另存」按钮，弹出「另存为」文件窗口，找到保存位置并输入新文件名 test_save_as.txt，最后点击「保存」。

另存完毕后，窗口标题内容变成了新文件路径。

好了，一个简单的记事本程序就这样完成了。希望上面的内容能打开你的思路！

如果你对Python感兴趣，想要学习python，这里给大家分享一份Python全套学习资料，都是我自己学习时整理的，希望可以帮到你，一起加油！

😝有需要的小伙伴，可以V扫描下方二维码免费领取🆓

​

1️⃣零基础入门

① 学习路线

对于从来没有接触过Python的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。

② 路线对应学习视频

还有很多适合0基础入门的学习视频，有了这些视频，轻轻松松上手Python~

③练习题

每节视频课后，都有对应的练习题哦，可以检验学习成果哈哈！

2️⃣国内外Python书籍、文档

① 文档和书籍资料

3️⃣Python工具包+项目源码合集

①Python工具包

学习Python常用的开发软件都在这里了！每个都有详细的安装教程，保证你可以安装成功哦！

②Python实战案例

光学理论是没用的，要学会跟着一起敲代码，动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。100+实战案例源码等你来拿！

③Python小游戏源码

如果觉得上面的实战案例有点枯燥，可以试试自己用Python编写小游戏，让你的学习过程中增添一点趣味！

4️⃣Python面试题

我们学会了Python之后，有了技能就可以出去找工作啦！下面这些面试题是都来自阿里、腾讯、字节等一线互联网大厂，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。