【文档说明】第十章Python的GUI编程课件.ppt，共(107)页，2.110 MB，由小橙橙上传

转载请保留链接：https://www.ichengzhen.cn/view-44434.html

以下为本文档部分文字说明：

2022/11/241Python语言编程导论第十章Python的GUI编程张晋连2016.11内容提要•概述•GUI程序开发简介•Tkinter与主要组件•Turtle库简介2022/11/242一、概述•使用

图形用户界面（GUI），可以使程序更友好。•Python作为一种“胶水性”语言，提供了众多GUI开发库的绑定，适合快速开发GUI。•目前大部分开发库还不支持Python3，且库的更新速度不是很快。如果使用的是P

ython3，可选择的开发库就不是很多了。•目前常用的开发库有：Python内置的Tkinter、Graphics、Turtle等，以及非常强大的PyQT等。如果使用的是Python2，还有如wxPytho

n、PyGTK、PMW等开发库可以选择。2022/11/243本章简要介绍以下图形库：•Tkinter—Python标准GUI•Turtle—python内置的图形库。2022/11/244二、GUI程序开发简介•日常使用的

大量客户端程序都属于GUI程序，即在一个界面上有很多功能块，包括：标签、按钮、输入框、菜单等。•开发GUI程序，首先需要有一块空白画面，然后在其上划分出不同的区域，放上不同的模块，最后完成每一个模块的功能。2022/11/245GUI程序开发基本步骤和过程：•首先要有底层

的根窗口对象，在其基础上创建一个个小窗口对象。每一个窗口都是一个容器，可将所需的组件置于其中。每种GUI开发库都拥有大量的组件，一个GUI程序就是由各种不同功能的组件组成的，而根窗口对象则包含了所有组件。•组件本身也可以作为一个容器，它可以包含其他组件，如下拉框。这种包含其他

组件的称为父组件，反之，包含在其他组件中的组件称为子组件。这是一种相对的概念，对于有着多层包含的情况，某组件的父组件一般指的是直接包含它的组件。2022/11/2462022/11/247•构建出了GUI程序的每一个组件，只完成了程序的界面，但此时只能看不能用

，需要给每一个组件添加对应的功能。•使用GUI程序时，会进行各种操作，如鼠标移动，按下或松开鼠标键，按下键盘按键等，这些操作称为事件。每个组件对应着一些行为，如在文本框中输入文本，单击按钮等，这些也称为事件。GUI程

序启动的时候就一直监控这些事件，当某个事件发生的时候，就进行对应的处理并返回相应的结果。因此，GUI程序是由这一整套事件驱动的，这个过程称为事件驱动处理。2022/11/248•一个事件发生后，GUI程序捕获该事件、作出对应的处

理并返回结果的过程称为回调。如计算器程序，单击了“=”按钮之后，便产生了一个事件，需要计算最终的结果，程序便开始对算式进行计算，返回最终结果并显示出来。这个计算并显示结果的过程即为回调。•当为程序需要的每一个

事件都添加完相应的回调处理之后，整个GUI就完成了。三、Tkinter与主要组件•Tk是Python默认的工具集（即图形库），Tkinter是Tk的Python接口，通过Tkinter可以方便地调用Tk进行图形界面开发。•

Tk与其他开发库相比，不是最强大的，模块工具也不是非常的丰富。但它非常简单，所提供的功能开发一般的应用也完全够用了，且能在大部分平台上运行。•Python自带的IDEL也是用Tkinter开发的。•Tkinter的不足

之处是缺少合适的可视化界面设计工具，需要通过代码来完成窗口设计和元素布局。2022/11/2492022/11/2410•Tkinter中提供了较为丰富的控件，完全能满足基本的GUI程序的需求。•由于Tkinter模块已经在Python中内置，所以在使用之前，

只需将其导入即可。•两种导入方式为：importtkinterastk—导入tkinter，但没引入任何组件，在使用时需要使用tk前缀，如需要引入按钮，则表示为：tk.Button。fromtkinterimport*—将tkinter中的所有组件一

次性引入。1、在程序中使用Tkinter•利用Tkinter模块来引用Tk构建和运行GUI程序，通常需要5步：–导入Tkinter模块；–创建一个顶层窗口；–在顶层窗口的基础上构建所需要的GUI模块和功能；–将每一个模块与底

层程序代码关联起来；–执行主循环。2022/11/2411Tkinter主要组件简介组件功能Button按钮。类似标签，但提供额外功能，如鼠标按下、释放及键盘操作事件Canvas画布。提供绘图功能（直线、椭圆、多边形、矩形），可以包含图形或位图Checkbutton选择按钮。一组方框，可

以选择其中的任意个Radiobutton单选按钮。一组方框，其中只有一个可被选择Entry文本框。单行文字域，用来收集键盘输入Frame框架。包含其他组件的纯容器Label标签。用来显示文字或图片Listbox列表框。一个选项列表，用户可以从中选择Menu菜单。

单击后弹出一个选项列表，用户可以从中选择Menubutton菜单按钮。用来包含菜单的组件（有下拉式、层叠式）Message消息框。类似于标签，但可以显示多行文本Scale进度条。线性“滑块”组件，可设定起始值和结束值

，显示当前位置的精确值Scrollbar滚动条。对其支持的组件（文本域、画布、列表框、文本框）提供滚动功能Text文本域。多行文字区域，可用来收集（或显示）用户输入的文字Toplevel顶级。类似框架，但提供一个独立的窗口容器。12组件的共同属性：•dimension

s：尺寸•colors：颜色•fonts：字体•anchors：锚•reliefstyles：浮雕式•bitmaps：显示位图•cursors：光标的外形•说明：每种组件还有其各自特有的属性2022/11/2413注意：•Tk使用了一种包管理器来管理所有的组件，当定义完组件

之后，需要调用pack()方法来控制组件的显示方式，若不调用pack()方法，组件将不会显示。•在交互环境下，编写Tkinter测试代码时，运行过Tk()（创建顶层窗口的函数）之后即进入主循环，可以看到顶层窗口。而若是运行py文件，一定要调用mainl

oop()方法进入主循环，方可看到顶层窗口。2022/11/2414创建GUI应用程序窗口代码模板：2022/11/24152、顶层窗口•顶层窗口也称为根窗口。•顶层窗口实际上是一个普通窗口，包括一个

标题栏和窗口管理器所提供的窗口装饰部分，如最大化按钮等。•在一个Tkinter开发的应用程序中，只需要创建一个顶层窗口即可，且此窗口的创建必须是在其他窗口创建之前。2022/11/2416例10-1：创建顶层窗

口2022/11/2417执行结果：3、标签•标签组件可以用来显示图片和文本，通过在文本中添加换行符来控制换行，也可以通过控制组件的大小实现自动换行。•例10-2：使用标签（Label）编写一个程序，在程序主体中显示“HelloWorld!”。2022/11/2418程序及

执行结果：2022/11/2419Label组件常用参数参数描述height组件的高度（所占行数）width组件的宽度（所占字符个数）fg前景字体颜色bg背景颜色justify多行文本的对齐方式，可选参数为：LEFT、CENTER、RIGHTpadx文本左右两侧的空

格数（默认为1）pady文本上下两侧的空格数（默认为1）2022/11/2420增加了参数后的程序及执行结果：2022/11/24214、框架•框架（Frame）相对于其他组件而言，它只是个容器，因为它没有方法，但它可以捕获键盘和鼠标的事件来进行回调。

•框架一般用作包含一组控件的主体，且可以定制外观。2022/11/2422例10-3：创建不同样式的框架2022/11/24235、按钮•按钮组件（Button）是tkinter最常用的图形组件之一，通过Button可以方便地与用户

进行交互。•严格地说，按钮（Button）也可被看作标签，只是它可以捕获键盘和鼠标事件。•按钮可以禁用，禁用之后的按钮不能进行单击等任何操作。•如果将按钮放进TAB群中，就可以使用TAB键来进行跳转和定位。2022/11/2424例10-4：创建按钮

示例2022/11/2425Button组件常用参数参数描述height组件的高度（所占行数）width组件的宽度（所占字符个数）fg前景字体颜色bg背景颜色activebackground按钮按下时的背景颜色activef

oreground按钮按下时的前景颜色justify多行文本的对齐方式，可选参数为：LEFT、CENTER、RIGHTpadx文本左右两侧的空格数（默认为1）pady文本上下两侧的空格数（默认为1）stat

e设置组件状态，默认为NORMAL，可设置为：DISABLED—禁用组件（必须大写）2022/11/2426增加了参数后的程序和执行结果：2022/11/2427按下“退出”按钮：6、输入框•一个GUI程序，接收用户的输入几乎是必不可少的。输入框（Entry）组件就是用来接收用户

输入的最基本的组件。•可以为输入框设置默认值，也可以禁止用户输入。如果禁止输入，用户就不能改变输入框中的值了。•当用户输入的内容一行显示不下的时候，输入框会自动生成滚动条。2022/11/2428例10-5：创建输入框示例2022/11/2429Entry参数组件常用参数参数

描述height组件的高度（所占行数）width组件的宽度（所占字符个数）fg前景字体颜色bg背景颜色show将Entry框中的文本替换为指定字符，用于输入密码等，如设置show="*"state设置组件状态，默认为NORMAL，可设置为：DISABLED—禁用组件，READONLY—只读

2022/11/2430例10-6：将摄氏度转换为华氏度2022/11/2431程序执行：2022/11/24327、单选按钮•单选按钮（Radiobutton）是一组排他性的选择框，只能从该组中选择一个选项，当选择了其中一项之后

便会取消其他选项的选择。•要想使用单选按钮，必须将这一组单选按钮与一个相同的变量关联起来，由用户为这个变量选择不同的值。2022/11/2433例10-7：创建单选按钮示例2022/11/2434Radiobut

ton组件常用参数参数描述variable单选按钮索引变量，通过变量的值确定哪个单选按钮被选中。一组单选按钮使用同一个索引变量value单选按钮选中时变量的值command单选按钮选中时执行的命令（函数）2022/11/24358、复选按

钮•与单选按钮相对的是复选按钮（Checkbutton）。复选按钮之间没有互斥作用，可以一次选择多个。•同样地，每一个按钮都需要与一个变量相关联，且每一个复选按钮关联的变量都是不同的。若像单选按钮一样，关联的是同一个按钮，则当选中其中一个的时候，会将所有按钮都选上。•可以给每一个复

选按钮绑定一个回调，当该选项被选中时，执行该回调。2022/11/2436例10-8：基本复选按钮示例2022/11/2437例10-9：创建带“禁用”状态的复选按钮2022/11/2438Checkbutton组件常用参数参数描述variable复选按钮索引变量，通过变量的值确定

哪些复选按钮被选中。每个复选按钮使用不同的变量，使复选按钮之间相互独立onvalue复选按钮选中（有效）时变量的值offvalue复选按钮未选中（无效）时变量的值command复选按钮选中时执行的命令（函数）2022/11/2439例10-10：单选按钮及复选按钮综合应用2

022/11/2440程序：2022/11/24412022/11/2442说明：•程序中，文字的颜色通过Radiobutton来选择，同一时间只能选择一个颜色。在三个Red、Blue和Green三个单选框中，定义了同样的变量参数color，选择不同的单选按钮会

为该变量赋予不同的字符串值，内容即为对应的颜色。•任何单选按钮被选中都会触发colorChecked()函数，将标签修改为对应单选框表示的颜色。2022/11/24439、消息•很多时候需要给用户发送消息，一般内容较多，如帮助信息等。•消息（Message）控件提供了显示多行文本的方法

，且可以设置字体和背景色。Message组件提供了一个标准的方法，可以非常方便地实现这项功能。2022/11/2444例10-11：创建消息示例2022/11/244510、滚动条•滚动条（Scrollbar）组件可以添加至任何一个

组件，一些组件在界面显示不下时会自动添加滚动条，但可以使用滚动条组件来对其进行控制。2022/11/2446例10-12：滚动条示例2022/11/244711、列表框•列表框（ListBox）组件是一个选项列表

，用户可以从中选择某一个选项。•例10-12中滚动条组件中使用了列表框。2022/11/2448例10-13：创建列表框示例2022/11/244912、消息框•消息窗口（messagebox）用于弹出提示框向用户进行告警，或让用户选择下一步如

何操作。消息框包括很多类型，常用的有info、warning、error、yesno、okcancel等，包含不同的图标、按钮以及弹出提示音。2022/11/2450例10-14：各种消息框应用2022/11/2451源程序：2022/11/2452

2022/11/245313、绘图组件•绘图组件（Canvas—画布）可以在GUI中实现2D图形的绘制，相当于画图板。组件内置了多种绘图函数，可以通过简单的2D坐标绘制直线、矩形、圆形、多边形等。2022/11/2454例10-15：绘图应用2022/11/2455程序执行：20

22/11/2456说明：•直线（line），即线段，通过两个端点定义。坐标顺序为x1、y1、x2、y2。•矩形（rectangle）通过对角线上的两个点来定义。•需要注意的是Canvas中没有画圆函数，这里通过绘制椭圆间接实现了绘制圆形的函数drawCi

rcle()。椭圆（oval）是通过外切矩形的对角线两点来定义的。2022/11/2457例10-16：画布显示文字、图片和图形2022/11/2458例10-17：控制图形移动2022/11/2459用键盘的上

、下、左、右键可移动红色方块2022/11/2460例10-18：编程实现简易聊天窗口GUI聊天窗口布局：•左上：聊天历史信息显示•左中：当前信息编辑区域•左下：按钮区域•右侧：信息显示区域2022/11/2461Frame控件：•

容器区域布局：–frmLT、frmLC、frmLB、frmRT2022/11/2462统一控件对象命名规则：•“控件类型”+“功能”–frmLT，frame+LeftTop–txtMsg，text控件+消息–btnSend，butt

on控件+发送2022/11/2463窗口控件：2022/11/2464txtMsgLIsttxtMsglblImagebtnSendbtnCancel创建各窗口控件：2022/11/2465sendMsg()•回调函数•功

能：在消息框列表输出历史消息，同时将当前时间、当前信息作为最后一条历史消息。然后删除消息发送框的内容。2022/11/24662022/11/2467•sendMsgEvent()：•cancelMsg()

：grid()方法：界面上控件的布局2022/11/2468grid()方法：界面上控件的布局2022/11/2469源程序：2022/11/24702022/11/2471课堂练习一：•课堂练习一2022/11/2472四、Turtle库简介•Turtle库是Python

语言中一个很流行的绘制图像的函数库。•使用turtle库，可想象为一个小乌龟，在一个横轴为x、纵轴为y的坐标系原点，(0,0—中心)位置开始，方向向右。•它根据一组函数指令的控制，在这个平面坐标系中移动，

从而在它爬行的路径上绘制了图形。•详细信息见：https://docs.python.org/3/library/turtle.html2022/11/24731、控制画笔绘制状态方法方法名称方法含义pendown()放下画笔，移到指定点

后继续绘制penup()提起画笔，用于另起一个地方绘制时用，与pendown()配对使用pensize(width)设置画笔线条的粗细为指定大小2022/11/24742、turtle运动方法方法名称方法含义forward()沿着当前方向前进指

定距离backward()沿着当前相反方向后退指定距离right(angle)向右旋转angle角度left(angle)向左旋转angle角度goto(x,y)移动到绝对坐标（x,y）处setx()将当前x轴移动到指定位置sety()将当

前y轴移动到指定位置setheading(angle)设置当前朝向为angle角度（0表示向东，90表示向北，180表示向西，270表示向南）home()设置当前画笔位置为原点，朝向东。circle()绘制一个指

定半径，角度、以及步骤的圆圈dot(r,color)绘制一个指定直径和颜色的圆点undo()撤销画笔最后一步动作speed()设置画笔的绘制速度，参数为0-10之间2022/11/2475例10-19：应用circle方法绘制图形2022/11/24763

、Turtle颜色和字体绘制方法方法名称方法含义color()设置画笔的颜色begin_fill()填充图形前，调用该方法end_fill()填充图形结束filling()返回填充的状态，True为填充，False为未填充clear()清空当前窗口，但不

改变当前画笔的位置reset()清空当前窗口，并重置位置等状态为默认值screensize()设置画布的长和宽hideturtle()隐藏画笔的turtle形状showturtle()显示画笔的turtle形状isvisible()如果turtle可见，则返

回Truewrite(str，font=None)输出font字体的字符串2022/11/2477例10-20：修改例10-19，给所绘图形填充颜色2022/11/2478执行结果：2022/11/2479例10-21：编写程序模拟时钟，要求时钟

根据计算机系统时间实时动态更新。2022/11/2480需要建立五个turtle对象：•1个turtle:绘制外表盘•3个turle:模拟表针行为•1个turtle:输出表盘上的文字2022/11/2481模拟时钟程序过程：•第一步：建立Turtle对象并初始化

。–表盘绘制Turtle对象–文本输出Turtle对象–3个指针Turtle对象•第二步：静态表盘绘制•第三步：根据时钟更新表针位置和时间信息•说明：需要导入turtle库和datetime库2022/11/2482表盘绘制函数Setup

Clock(radius)：2022/11/2483跨越函数Skip（step）：2022/11/2484定义表针函数mkHand（）：•注册Turtle形状命令：•register_shap(name,shape=N

one)•name：shape的名字，可以是一个gif图像•shape：turtle形状，可以为空2022/11/2485初始化函数Init（）：2022/11/2486更新时钟函数Tick()：2022/11/2487主函数main

()：2022/11/2488源程序：2022/11/24892022/11/24902022/11/24912022/11/2492例10-22：编写程序。根据文件data.txt中的数据，使用tu

rtle库来动态绘制图形路径•数据说明：•第1列：路径前进像素数•第2列：转动方向。0为左，1为右•第3列：转动的角度•第4—6列：绘制颜色的rgb值2022/11/2493程序执行结果：2022/11/2494程序实现的具体过程为：（1）使用impo

rt命令为程序引入turtle库（2）设置窗口信息和Turtle画笔2022/11/2495（3）读取数据文件到列表result中2022/11/2496（4）根据每一条数据记录进行绘制（5）画笔回到原点2022/11/2497完整程序

：2022/11/24982022/11/2499例10-23：《雪景-Snowfall》绘制2022/11/24100随机因素：•雪花位置•雪花颜色•雪花大小•花瓣数目•地面灰色线条长短•地面灰色线条位置•因此，需要导入随机数模块2

022/11/24101主函数：2022/11/24102snow()函数：2022/11/24103ground()函数：2022/11/24104源程序：2022/11/241052022/11/24106课堂练习二：•课堂练习二2022/11/24107