《Python基础案例教程》第7章Python图形界面.pptx
《《Python基础案例教程》第7章Python图形界面.pptx》由会员分享,可在线阅读,更多相关《《Python基础案例教程》第7章Python图形界面.pptx(93页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、Python 基础案例教程第7 章 Python 图形界面Python基础案例教程(微课版)第7章 Python图形界面第 第7 7章 章 Python Python图形界面 图形界面图形用户界面,Graphical User Interface,简称为GUI。其实我们一直都在使用GUI,Windows 窗口是GUI,IDLE 也是GUI。任何一个商品化的软件都需要有用户界面,它可以让用户方便操作软件。Python 提供了多个图形开发界面的库,如wxPython、Qt、tkinter 等等。tkinter 是Python 的标准GUI开发工具包。本章以tkinter 应用为基础,开发我们自己的
2、GUI。教 学 内 容01 初识图形界面02 搭建图形界面目录CONTENTS第 第7 7章 章 Python Python图形界面 图形界面03 控制图形界面第 第7 7章 章 Python Python图形界面 图形界面前 面Python 语 言 编 写 的 程 序 运 行 结 果,基 本 只 是 以 文 字 的 形 式 输 出,形 式相 对 单 一,不 便 于 使 用。给 程 序 添 加 图 形 界 面,除 了 便 于 用 户 使 用 外,还 可 丰富 程 序 结 果 的 输 出 形 式。为 了 编 写 程 序 图 形 界 面,需 要 先 认 识 图 形 界 面 的 基 本构成,然后设置
3、图形界面接口。7.1 初识图形界面案例介绍7.1.1 7.1.1 认识图形界面构成 认识图形界面构成案例1 加法计算器图7.1“加法计算器”运行效果案例准备7.1.1 7.1.1 认识图形界面构成 认识图形界面构成1 理解题意加 法 计 算 器 实 现 的 功 能,是 在 两 个 文 本 框 中 分 别 输 入 两 个 加 数 后,单 击“计 算 结果”按 钮,计 算 结 果 会 显 示 在 最 后 一 个 文 本 框 内。需 要 注 意 的 是,两 个 加 数 只 能 是 数字,若 输 入 其 他 字 符 无 效。界 面 中 还 包 含 有 其 他 元 素,如 提 示 用 的 文 本、加 号
4、、等 号等,这 些 元 素 其 实 就 是 一 个 个 控 件(也 可 以 称 之 为 组 件 或 部 件)。添 加 好 控 件 并 设 置属性后,一个简单的加法计算器即可实现。案例准备7.1.1 7.1.1 认识图形界面构成 认识图形界面构成2 问题思考案例准备7.1.1 7.1.1 认识图形界面构成 认识图形界面构成3 知识准备使用tkinter 库创建GUI 流程:创 建 主 窗 口:导 入tkinter 库 后,创 建 主 窗 口,root=Tk(),其 中root 是 自 定 义 的 一 个 主窗口对象。创 建 若 干 个 控 件:创 建 对 象 并 设 置 属 性,格 式 为:控
5、件 对 象=控 件(root,控 件 参 数 设置),控件也可以添加到其他的自定义窗口对象中。显 示 控 件:显 示 控 件,格 式 为:控 件 对 象.pack(),pack()方 法 是 窗 口 布 局 的 一 种 显 示方法,还有另外2种方法,grid()和place()。持续显示主窗口:通过调用mainloop()方法开启窗口。案例实施7.1.1 7.1.1 认识图形界面构成 认识图形界面构成1 打开实例案例实施7.1.1 7.1.1 认识图形界面构成 认识图形界面构成2 分析程序案例实施7.1.1 7.1.1 认识图形界面构成 认识图形界面构成2 分析程序案例实施7.1.1 7.1.
6、1 认识图形界面构成 认识图形界面构成2 分析程序案例实施7.1.1 7.1.1 认识图形界面构成 认识图形界面构成2 分析程序案例实施7.1.1 7.1.1 认识图形界面构成 认识图形界面构成2 分析程序拓展阅读7.1.1 7.1.1 认识图形界面构成 认识图形界面构成1 主窗口Tk2常用tkinter控件在 图 形 界 面 程 序 中,所 有 控 件 如 按 钮、文 本 框 等 均 在 主 窗 口 上 显 示,因 此 在 创 建各部件之前需要先创建主窗口。若程序没有定义Tk,系统将自动创建。tkinter 库 提 供 了 各 种 用 于 构 建 图 形 界 面 的 控 件,如 文 本 框、
7、标 签、按 钮 等,以 此 来实现不同功能。表7.1列出了tkinter 库一些常见的控件。案例介绍7.1.2 7.1.2 创建图形窗口 创建图形窗口案例2 我的第一个GUI程序创建一个标题为“我的第一个GUI 程序”,大小为300 x160的空白窗口案例准备7.1.2 7.1.2 创建图形窗口 创建图形窗口1 理解题意根 据 使 用tkinter 库 创 建GUI 程 序 流 程,先 要 导 入tkinter 库,创 建 主 窗 口,设 定 窗 口的标题栏,设定窗口大小。由于是空白窗口,不需要添加其他控件,最后持续显示窗口。案例准备7.1.2 7.1.2 创建图形窗口 创建图形窗口2 问题思
8、考案例准备7.1.2 7.1.2 创建图形窗口 创建图形窗口3 知识准备(1)窗口常见属性的设置窗 口 常 见 的 属 性 有 窗 口 标题、图 标、背 景 颜 色、是 否 可更 改 窗 口 的 大 小、窗 口 的 透 明度 等 等。常 见 设 置 窗 口 属 性 相关的方法。表7.2 窗口常见的属性设置案例准备7.1.2 7.1.2 创建图形窗口 创建图形窗口3 知识准备 创建对象时,指定属性值。格式如下:创建控件对象后,使用属性名来分别指定各属性值。格式如下:创建控件对象后,使用configure 或者config 方法来指定属性值。格式如下:(2)控件属性设置的方法tkinter 中 进
9、 行 控 件 属 性 的 设置方法有三种:案例实施7.1.2 7.1.2 创建图形窗口 创建图形窗口1 编写程序案例实施7.1.2 7.1.2 创建图形窗口 创建图形窗口2 测试程序运 行 程 序,观 察 程 序 的 执 行 结 果。注 意 窗 口 大 小 为300 x160。尝 试 修 改 窗 口 大 小,设置窗口标题。案例实施7.1.2 7.1.2 创建图形窗口 创建图形窗口3 优化程序拓展阅读7.1.2 7.1.2 创建图形窗口 创建图形窗口tkinter 库是Python 默认的GUI 库,调用前不需要PIP 安装。调用tkinter 库的编码方法有2种。方法二:格式:from tki
10、nter import*,示例如下:方法一:格式:import tkinter as 自定义窗体名,示例如下:第 第7 7章 章 Python Python图形界面 图形界面认 识 了 图 形 界 面,可 以 像 搭 积 木 一 样,搭 建 图 形 界 面。搭 建 图 形 界 面,就是 在 窗 口 中 添 加 标 签、文 本、按 钮、框 架、列 表、菜 单 等 控 件,并 根 据 程 序 的需要设置各控件的属性,来实现程序的功能,使程序更好的实现人机交互。7.2 搭建图形界面案例介绍7.2.1 7.2.1 标签与文本 标签与文本案例3 展示古诗案例准备7.2.1 7.2.1 标签与文本 标签与
11、文本1 理解题意展 示 古 诗,其 实 就 是 在 窗 口 中 用 合 适 的 方 式 显 示 古 诗 相 关 的 内 容。先 新 建 窗 口,设置窗口属性,再添加控件显示古诗名、作者和古诗内容。案例准备7.2.1 7.2.1 标签与文本 标签与文本2 问题思考案例准备7.2.1 7.2.1 标签与文本 标签与文本3 知识准备(1)标签控件LabelLabel 控 件 可 以 用 于 在 窗 口 内 显 示文字或图像。Label 控件使用示例案例准备7.2.1 7.2.1 标签与文本 标签与文本3 知识准备Message 控件使用示例(2)消息控件MessageMessage 的 主 要 用
12、途 是 显 示 短 消息,功 能 与Label 类 似,比Label 使 用 起来更灵活,可自动分行。案例实施7.2.1 7.2.1 标签与文本 标签与文本1 编写程序案例实施7.2.1 7.2.1 标签与文本 标签与文本2 测试程序案例实施7.2.1 7.2.1 标签与文本 标签与文本3 优化程序通过观察程序执行的结果,发现窗口中显示的文字字号较小,且4句古诗没有分行。拓展阅读7.2.1 7.2.1 标签与文本 标签与文本1Label()方法常用的options 参数设置Label()方法的options 参数,也称为Label 标签的属性设置,较常用的属性如表所示。拓展阅读7.2.1 7.
13、2.1 标签与文本 标签与文本2与文本相关的其他控件(1)文本框控件Entry文本框Entry,通常指单行的文本框,在GUI 设计中用于输入文本,可以用它输入单行字符串。(2)文字区域控件TextText 可 以 看 作 是Entry 控 件 的 扩 充,可 以 处 理 多 行 的 输 入,也 可 以 在 文 字 中 插 入 图 像 或 提 供 格 式化的功能。可以将Text 当作简单的文字处理软件。案例介绍7.2.2 7.2.2 按钮与框架 按钮与框架案例4 展示多首古诗案 例3在 窗 口 中 展 示 了 一 首 古 诗,并 通 过 设 置 古 诗 的 字 体、字 号 等 属 性 调 整古
14、诗 的 显 示 效 果。但 仅 展 示 一 首 古 诗 是 不 够 的。如 图7.4所 示,若 想“展 示 多 首 古诗”,使用“上一首”、“下一首”按钮控制查看所有的古诗,该如何实现呢?案例准备7.2.2 7.2.2 按钮与框架 按钮与框架1 理解题意有 多 首 古 诗 的 时 候,使 用 按 钮 来 查 看“上 一 首”和“下 一 首”古 诗。古 诗 内 容 可以 保 存 在 元 组 中。每 一 首 古 诗 是 元 组 的 一 个 元 素,包 含 古 诗 名、作 者 信 息 及 古 诗 内 容。单 击“上 一 首”按 钮 后 调 用 对 应 函 数 实 现 上 一 首 古 诗 的 显 示。
15、若 当 前 显 示 的 古 诗 已 经 是第一首的时候,滚动显示最后一首诗,实现循环展示。单击“下一首”按钮同理。案例准备7.2.2 7.2.2 按钮与框架 按钮与框架2 问题思考案例准备7.2.2 7.2.2 按钮与框架 按钮与框架3 知识准备(1)按钮控件Button 的使用在 程 序 中 添 加 按 钮 控 件,按 钮 上可 以 放 上 文 本 或 图 像,可 以 与 一 个 函数 相 关 联,当 按 钮 被 按 下 后,自 动 调用 该 函 数。使 用 格 式 如:btn=Button(父对象,options,.)。当单击按钮时,标签组件Label 显示字符串“hello,Button
16、”案例准备7.2.2 7.2.2 按钮与框架 按钮与框架3 知识准备(2)框架控件Frame 的使用框 架 控 件Frame,也 称 为 容 器 控 件。为 了 方 便 管 理GUI 程 序 中 的 控 件,可 以将 其 他 多 个 控 件,如 按 钮 控 件、标 签 控件 等 组 织 在 一 个 框 架 里。按 钮 和 标 签 的参 数 里 的 父 对 象,设 置 成 框 架Frame 控件 即 可。流 程 是 先 创 建 框 架Frame,然后在框架里创建其他控件。建立框架后,添加按钮到框架中。案例准备7.2.2 7.2.2 按钮与框架 按钮与框架4 算法分析案例实施7.2.2 7.2.2
17、 按钮与框架 按钮与框架1 编写程序(1)新建窗体案例实施7.2.2 7.2.2 按钮与框架 按钮与框架1 编写程序(2)添加古诗用 元 组 来 定 义 古 诗,每 一 个 元 素 即 为 一 首 古 诗,包 括 古 诗 名、作 者 信 息、古 诗 内 容。案例中添加了3首古诗,可以添加更多的古诗实现更多古诗的展示。案例实施7.2.2 7.2.2 按钮与框架 按钮与框架1 编写程序(3)创建框架创 建2个 框 架 分 别 用 来 容 纳 按 钮 和 古 诗 内 容。定 义list_gushi()函 数,使 用Message 控 件 显 示读取元组中的古诗内容(读取古诗内容后存放在变量text1
18、和text2中)。案例实施7.2.2 7.2.2 按钮与框架 按钮与框架1 编写程序(4)定义按钮控制函数根 据 算 法 分 析,定 义prev_gushi()和next_gushi()函 数,分 别 对 应 单 击“上 一 首”按 钮 和“下一首”按钮。单击按钮后将读取古诗元组中的数据。案例实施7.2.2 7.2.2 按钮与框架 按钮与框架1 编写程序(5)初始化变量,显示古诗新 建 变 量num 并 赋 初 始 值 为0,即 从 第1首 开 始。定 义text1和text2两 个 变 量,对 应 存 放“古诗名+作者”及“古诗内容”。设置好初始值后,调用list_gushi()函数显示古诗
19、。案例实施7.2.2 7.2.2 按钮与框架 按钮与框架1 编写程序(6)添加按钮控件添加“上一首”和“下一首”两个按钮,按钮置于框架Frame 中,用来控制查看古诗。案例实施7.2.2 7.2.2 按钮与框架 按钮与框架2 测试程序案例实施7.2.2 7.2.2 按钮与框架 按钮与框架3 优化程序程 序 中,框 架 控 件Frame2 虽 然 设 置 了 高height和 宽width 两 个 参 数,但 当 其 他 控 件 添 加 框 架后,框 架 控 件 会 改 变 自 身 大 小,即 随 着 里 面 控 件 的 大 小 变 化。如 何 让 框 架 控 件 按 设 置 的 高 和 宽显
20、示 呢?可 以 使 用pack_propagate(0)方 法 来 实 现。为 了 给 用 户 更 多 的 提 示,可 以 使 用 标 签 框 架控件LabelFrame。LabelFrame 的用法和框架控件Frame 相同。拓展阅读7.2.2 7.2.2 按钮与框架 按钮与框架1建立含有图像的功能按钮按 钮 控 件 一 般 用 文 字 作 为 按 钮 名 称,也 可 以 用 图 像 当 做 按 钮 名 称。若 使 用 图 像 当 做 按 钮,设 置控件参数的时候可以省略text参数的设置,但要增加image 参数设置图像对象。拓展阅读7.2.2 7.2.2 按钮与框架 按钮与框架2标签框架
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Python基础案例教程 Python基础案例教程第7章 Python图形界面 Python 基础 案例 教程 图形界面
限制150内