《(1.33)--第8章 图形界面设计.ppt》由会员分享，可在线阅读，更多相关《(1.33)--第8章 图形界面设计.ppt（68页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、图形界面设计图形界面设计当前流行的计算机桌面应用程序大多数为图形化用户界面GUI（Graphic User Interface）当前流行的计算机桌面应用程序大多数为图形化用户界面GUI（Graphic User Interface）即通过鼠标对菜单、按钮等图形化元素触发指令,并从标签、对话框等图形化显示容器中获取人机对话信息。当前流行的计算机桌面应用程序大多数为图形化用户界面GUI（Graphic User Interface）即通过鼠标对菜单、按钮等图形化元素触发指令,并从标签、对话框等图形化显示容器中获取人机对话信息。Python自带了tkinter 模块，实质上是一种流行的面向对象的GU
2、I工具包当前流行的计算机桌面应用程序大多数为图形化用户界面GUI（Graphic User Interface）即通过鼠标对菜单、按钮等图形化元素触发指令,并从标签、对话框等图形化显示容器中获取人机对话信息。Python自带了tkinter 模块，实质上是一种流行的面向对象的GUI工具包 TK 的Python编程接口，提供了快速便利地创建GUI应用程序的方法。8.1 Tkinter8.1 Tkinter简介简介8.2 8.2 控件控件8.2.1 8.2.1 标签（标签（LabelLabel）8.2.2 8.2.2 框架（框架（FrameFrame）8.2.3 8.2.3 按钮（按钮（Butto
3、nButton）8.2.4 8.2.4 输入框（输入框（EntryEntry）8.2.5 8.2.5 单选按钮（单选按钮（RadiobuttonRadiobutton）和复选按钮）和复选按钮（CheckbuttonCheckbutton）8.2.6 8.2.6 消息（消息（MessageMessage）和消息窗口（）和消息窗口（messageboxmessagebox）8.2.7 8.2.7 组合框组合框(Combobox)(Combobox)和列表框（和列表框（ListBoxListBox）8.2.8 8.2.8 滚动条（滚动条（ScrollbarScrollbar）8.2.9 8.2.9
4、绘图组件（绘图组件（CanvasCanvas）目录目录Tkinter简介Tkinter简介TkTk是Python默认的工具集（即图形库），Tkinter是Tk的Python接口，通过Tkinter可以方便地调用Tk进行图形界面开发。TkTk的优点：的优点：与其他开发库相比，不是最强大的，模块工具也不是非常的丰富。但它非常简单，所提供的功能开发一般的应用也完全够用了，且能在大部分平台上运行。Tkinter简介TkTk是Python默认的工具集（即图形库），Tkinter是Tk的Python接口，通过Tkinter可以方便地调用Tk进行图形界面开发。TkTk的优点：的优点：与其他开发库相比，不是最
5、强大的，模块工具也不是非常的丰富。但它非常简单，所提供的功能开发一般的应用也完全够用了，且能在大部分平台上运行。TkinterTkinter的不足的不足：是缺少合适的可视化界面设计工具，需要通过代码来完成窗口设计和元素布局。Tkinter简介TkTk是Python默认的工具集（即图形库），Tkinter是Tk的Python接口，通过Tkinter可以方便地调用Tk进行图形界面开发。TkTk的优点：的优点：与其他开发库相比，不是最强大的，模块工具也不是非常的丰富。但它非常简单，所提供的功能开发一般的应用也完全够用了，且能在大部分平台上运行。TkinterTkinter的不足的不足：是缺少合适的可
6、视化界面设计工具，需要通过代码来完成窗口设计和元素布局。由于Tkinter模块已经在Python中内置，所以在使用之前，只需将其导入即可。Tkinter简介TkTk是Python默认的工具集（即图形库），Tkinter是Tk的Python接口，通过Tkinter可以方便地调用Tk进行图形界面开发。TkinterTkinter模块模块的的两种导入方式为：两种导入方式为：Tkinter简介TkinterTkinter模块模块的的两种导入方式为：两种导入方式为：import tkinter as tkimport tkinter as tk导入tkinter，但没引入任何组件在使用时需要使用tk前缀
7、，如需要引入按钮，则表示为：tk.Button。Tkinter简介TkinterTkinter模块模块的的两种导入方式为：两种导入方式为：import tkinter as tkimport tkinter as tk导入tkinter，但没引入任何组件在使用时需要使用tk前缀，如需要引入按钮，则表示为：tk.Button。from tkinter import*将tkinter中的所有组件一次性引入。Tkinter简介利用Tkinter模块来引用Tk构建和运行GUI程序，通常需要5步：Tkinter简介利用Tkinter模块来引用Tk构建和运行GUI程序，通常需要5步：Tkinter简介1.
8、导入Tkinter模块利用Tkinter模块来引用Tk构建和运行GUI程序，通常需要5步：Tkinter简介1.导入Tkinter模块2.创建一个顶层窗口利用Tkinter模块来引用Tk构建和运行GUI程序，通常需要5步：Tkinter简介1.导入Tkinter模块2.创建一个顶层窗口3.在顶层窗口的基础上构建所需要的GU模块和功能利用Tkinter模块来引用Tk构建和运行GUI程序，通常需要5步：Tkinter简介1.导入Tkinter模块2.创建一个顶层窗口3.在顶层窗口的基础上构建所需要的GU模块和功能4.将每一个模块与底层程序代码关联起来利用Tkinter模块来引用Tk构建和运行GUI
9、程序，通常需要5步：Tkinter简介1.导入Tkinter模块2.创建一个顶层窗口3.在顶层窗口的基础上构建所需要的GU模块和功能4.将每一个模块与底层程序代码关联起来5.执行主循环TkinterTkinter主要组件如下表所示。主要组件如下表所示。Tkinter简介组件名称组件名称说明说明Button按钮Canvas画布，用于绘制直线、椭圆、多边形等各种图形Checkbutton 复选框形式的按钮Entry单行文本框Frame框架，可作为其他组件的容器，常用来对组件进行分组Label标签，常用来显示单行文本Listbox列表框Menu菜单Message多行文本框Radiobutton 单选
10、钮，同一组中的单选钮任何时刻只能有一个处于选中状态Scrollbar滚动条TkinterTkinter主要组件如下表所示。主要组件如下表所示。Tkinter简介组件许多共同的属性（参数）Tkinter简介组件许多共同的属性（参数）例如：colors表示颜色，fonts表示字体等Tkinter简介Tk使用了一种包管理器来管理所有的组件，当定义完组件之后，通常调用pack()方法来控制组件的显示方式。Tkinter简介Tk使用了一种包管理器来管理所有的组件，当定义完组件之后，通常调用pack()方法来控制组件的显示方式。在交互环境下，编写Tkinter测试代码时，运行过Tk()之后即进入主循环，可
11、以看到顶层窗口。而若是运行py文件，一定要调用mainloop()方法进入主循环，方可看到顶层窗口。Tkinter简介Tk使用了一种包管理器来管理所有的组件，当定义完组件之后，通常调用pack()方法来控制组件的显示方式。在交互环境下，编写Tkinter测试代码时，运行过Tk()之后即进入主循环，可以看到顶层窗口。而若是运行py文件，一定要调用mainloop()方法进入主循环，方可看到顶层窗口。顶层窗口也称为“根窗口”，实际上是一个普通窗口，包括一个标题栏和窗口管理器所提供的窗口装饰部分，如最大化按钮等。Tkinter简介Tk使用了一种包管理器来管理所有的组件，当定义完组件之后，通常调用pa
12、ck()方法来控制组件的显示方式。在交互环境下，编写Tkinter测试代码时，运行过Tk()之后即进入主循环，可以看到顶层窗口。而若是运行py文件，一定要调用mainloop()方法进入主循环，方可看到顶层窗口。顶层窗口也称为“根窗口”，实际上是一个普通窗口，包括一个标题栏和窗口管理器所提供的窗口装饰部分，如最大化按钮等。在一个Tkinter开发的应用程序中，只需要创建一个顶层窗口即可，且此窗口的创建必须是在其他窗口创建之前。Tkinter简介创建GUI应用程序窗口代码模板：Tkinter简介创建GUI应用程序窗口代码模板：from tkinter import*tk=Tk().#代码tk.m
13、ainloop()#进入消息循环Tkinter简介 tkintertkinter的组件构造了窗口中的各种对象的组件构造了窗口中的各种对象组件组件 tkintertkinter的组件构造了窗口中的各种对象的组件构造了窗口中的各种对象组件组件常用的控件常用的控件标签标签输入框输入框按钮按钮单选框单选框复选框复选框标签组件可以用来显示图片和文本，可通过在文本中添加换行符来控制换行，也可以通过控制组件的大小实现自动换行。标签（标签（LabelLabel）标签组件可以用来显示图片和文本，可通过在文本中添加换行符来控制换行，也可以通过控制组件的大小实现自动换行。label组件的常用属性如下表所示组件的常用
14、属性如下表所示：标签（标签（LabelLabel）标签组件可以用来显示图片和文本，可通过在文本中添加换行符来控制换行，也可以通过控制组件的大小实现自动换行。label组件的常用属性如下表所示组件的常用属性如下表所示：属性描述text设置标签显示的文本height组件的高度（所占行数）width组件的宽度（所占字符个数）fg前景字体颜色bg背景颜色justify多行文本的对齐方式，可选参数为：LEFT、CENTER、RIGHTpadx文本左右两侧的空格数（默认为 1）pady文本上下两侧的空格数（默认为 1）标签（标签（LabelLabel）框架（Frame）相对于其他组件而言，它只是个容器，因
15、为它没有方法框架（框架（FrameFrame）框架（Frame）相对于其他组件而言，它只是个容器，因为它没有方法框架一般用作包含一组组件的主体，且可以定制外观框架（框架（FrameFrame）框架（Frame）相对于其他组件而言，它只是个容器，因为它没有方法框架一般用作包含一组组件的主体，且可以定制外观框架的relief属性用于指定框架边框的样式框架（框架（FrameFrame）框架（Frame）相对于其他组件而言，它只是个容器，因为它没有方法框架一般用作包含一组组件的主体，且可以定制外观框架的relief属性用于指定框架边框的样式如下表所示：如下表所示：框架（框架（FrameFrame）框架
16、（Frame）相对于其他组件而言，它只是个容器，因为它没有方法框架一般用作包含一组组件的主体，且可以定制外观框架的relief属性用于指定框架边框的样式如下表所示：如下表所示：属性属性含含义flat表示扁平，是默认值raised表示凸起sunken表示凹陷solid表示实线ridge表示脊状groove表示凹槽框架（框架（FrameFrame）过Button可以方便地与用户进行交互。按钮（按钮（ButtonButton）过Button可以方便地与用户进行交互。按钮常用于响应用户的单击操作。按钮（按钮（ButtonButton）过Button可以方便地与用户进行交互。按钮常用于响应用户的单击操作
17、。按钮可以禁用，禁用之后的按钮不能进行单击等任何操作。按钮（按钮（ButtonButton）Button组件常用的属性如下表所示：按钮（按钮（ButtonButton）Button组件常用的属性如下表所示：属性属性描述描述command指定指定单击按按钮时响响应的函数的函数height组件的高度（所占行数）件的高度（所占行数）width组件的件的宽度（所占字符个数）度（所占字符个数）fg前景字体前景字体颜颜色色bg背景背景颜颜色色activebackground按按钮按下按下时的背景的背景颜色色activeforeground按按钮按下按下时的前景的前景颜色色justify多行文本的多行文本的
18、对齐对齐方式，可方式，可选选参数参数为为：LEFT、CENTER、RIGHTpadx文本左右两文本左右两侧的空格数（默的空格数（默认为 1）pady文本上下两文本上下两侧的空格数（默的空格数（默认为 1）state设设置置组组件状件状态态，默，默认为认为 NORMAL，可，可设设置置为为：DISABLED禁用禁用组组件（必件（必须须大写）大写）按钮（按钮（ButtonButton）输入框（输入框（EntryEntry）组件就是用来接收用户输入的最基本的组件。输入框（输入框（EntryEntry）输入框（输入框（EntryEntry）组件就是用来接收用户输入的最基本的组件。可以为输入框设置默认值
19、，也可以禁止用户输入。如果禁止输入，用户就不能改变输入框中的值了。输入框（输入框（EntryEntry）输入框（输入框（EntryEntry）组件就是用来接收用户输入的最基本的组件。可以为输入框设置默认值，也可以禁止用户输入。如果禁止输入，用户就不能改变输入框中的值了。Entry组件常用的参数如下表所示：输入框（输入框（EntryEntry）输入框（输入框（EntryEntry）组件就是用来接收用户输入的最基本的组件。可以为输入框设置默认值，也可以禁止用户输入。如果禁止输入，用户就不能改变输入框中的值了。Entry组件常用的参数如下表所示：属性描述textvarible获取输入框内容的变量he
20、ight组件的高度（所占行数）width组件的宽度（所占字符个数）fg前景字体颜色bg背景颜色show将 Entry 框中的文本替换为指定字符，用于输入密码等，如设置 show=*state设置组件状态，默认为 NORMAL，可设置为：DISABLED 禁用组件，READONLY 只读输入框（输入框（EntryEntry）单选按钮（单选按钮（RadiobuttonRadiobutton）单单选按钮和复选按钮选按钮和复选按钮单选按钮（单选按钮（RadiobuttonRadiobutton）是一组排他性的选择框，只能从该组中选择一个选项，当选择了其中一项之后便会取消其他选项的选择。单单选按钮和复选
21、按钮选按钮和复选按钮单选按钮（单选按钮（RadiobuttonRadiobutton）是一组排他性的选择框，只能从该组中选择一个选项，当选择了其中一项之后便会取消其他选项的选择。要想使用单选按钮，必须将这一组单选按钮与一个相同的变量关联起来，由用户为这个变量选择不同的值。单单选按钮和复选按钮选按钮和复选按钮单选按钮（单选按钮（RadiobuttonRadiobutton）是一组排他性的选择框，只能从该组中选择一个选项，当选择了其中一项之后便会取消其他选项的选择。要想使用单选按钮，必须将这一组单选按钮与一个相同的变量关联起来，由用户为这个变量选择不同的值。复选按钮（Checkbutton）单单选
22、按钮和复选按钮选按钮和复选按钮单选按钮（单选按钮（RadiobuttonRadiobutton）是一组排他性的选择框，只能从该组中选择一个选项，当选择了其中一项之后便会取消其他选项的选择。要想使用单选按钮，必须将这一组单选按钮与一个相同的变量关联起来，由用户为这个变量选择不同的值。复选按钮（Checkbutton）复选按钮之间没有互斥作用，可以一次选择多个。单单选按钮和复选按钮选按钮和复选按钮单选按钮（单选按钮（RadiobuttonRadiobutton）是一组排他性的选择框，只能从该组中选择一个选项，当选择了其中一项之后便会取消其他选项的选择。要想使用单选按钮，必须将这一组单选按钮与一个相
23、同的变量关联起来，由用户为这个变量选择不同的值。复选按钮（Checkbutton）复选按钮之间没有互斥作用，可以一次选择多个。每一个复选按钮都需要与一个变量相关联，且每一个复选按钮关联的变量都是不同的。若像单选按钮一样，关联的是同一个按钮，则当选中其中一个的时候，会将所有按钮都选上。单单选按钮和复选按钮选按钮和复选按钮属性属性描述描述text显显示文本内容示文本内容command指定指定 Radiobutton 的事件的事件处处理函数理函数image可以使用可以使用 gif 图图像，像，图图像的加像的加载载方法方法 img=PhotoImage(root,file=filepath)bitma
24、p指定位指定位图图，如，如 bitmap=BitmapImage(file=filepath)variable控制控制变变量，跟踪量，跟踪 Radiobutton 的状的状态态，On(1)，Off(0)master代表了父窗口代表了父窗口bg背景色，如背景色，如 bg=”red”，bg=#FF0000fg前景色，如前景色，如 fg=”red”，fg=#FF0000font字体及大小，如字体及大小，如 font=(Arial,8)，font=(Helvetica 16 bold italic)height设置置显示高度、如果未示高度、如果未设置此置此项，其大小以适，其大小以适应内容内容标签rel
25、ief指定外指定外观装装饰边界附近的界附近的标签,默默认是平的是平的,可以可以设置的参数：置的参数：flat、groove、raised、ridge、solid、sunkenvalue当当value值与关与关联控制控制变量的量的值相等相等时，选项被被选中中wraplength将此将此选项设置置为所需的数量限制每行的字符所需的数量限制每行的字符,数默数默认为 0state设设置置组组件状件状态态;正常正常(normal),激活激活(active),禁用禁用(disabled)selectcolor设设置置选选中区的中区的颜颜色色selectimage设置置选中区的中区的图像，像，选中中时会出会出
26、现underline下划下划线线bd设设置置 Radiobutton 的的边边框大小框大小;bd(bordwidth)缺省缺省为为 1 或或 2 个像素个像素textvariable设设置置 Radiobutton 的的 textvariable 属性，文本内容属性，文本内容变变量量padx标签水平方向的水平方向的边距距,默默认为 1 像素像素pady标签竖直方向的直方向的边距距,默默认为 1 像素像素justify标签标签文字的文字的对齐对齐方向方向,可可选值为选值为 RIGHT,CENTER,LEFT,默默认为认为 Center单单选选按按钮钮的的常常用用属属性性消息（Message）控件
27、消息和消息窗口消息和消息窗口消息（Message）控件提供了显示多行文本的方法，且可以设置字体和背景色。Message组件提供了一个标准的方法，可以非常方便地实现这项功能。消息和消息窗口消息和消息窗口消息（Message）控件提供了显示多行文本的方法，且可以设置字体和背景色。Message组件提供了一个标准的方法，可以非常方便地实现这项功能。消息窗口（messagebox）消息和消息窗口消息和消息窗口消息（Message）控件提供了显示多行文本的方法，且可以设置字体和背景色。Message组件提供了一个标准的方法，可以非常方便地实现这项功能。消息窗口（messagebox）用于弹出提示框向用户
28、进行告警，或让用户选择下一步如何操作。消息和消息窗口消息和消息窗口消息（Message）控件提供了显示多行文本的方法，且可以设置字体和背景色。Message组件提供了一个标准的方法，可以非常方便地实现这项功能。消息窗口（messagebox）用于弹出提示框向用户进行告警，或让用户选择下一步如何操作。消息框包括很多类型消息和消息窗口消息和消息窗口消息（Message）控件提供了显示多行文本的方法，且可以设置字体和背景色。Message组件提供了一个标准的方法，可以非常方便地实现这项功能。消息窗口（messagebox）用于弹出提示框向用户进行告警，或让用户选择下一步如何操作。消息框包括很多类型常
29、用的有info、warning、error、yesno、okcancel等，包含不同的图标、按钮以及弹出提示音。消息和消息窗口消息和消息窗口组合框和列表框组合框和列表框组合框(Combobox)文本框下拉列表框列表框(ListBox)组件是一个选项列表，用户可以从中选择某一个选项组合框和列表框组合框和列表框组合框(Combobox)文本框下拉列表框滚动条（滚动条（ScrollbarScrollbar）组件）组件滚动条滚动条滚动条（滚动条（ScrollbarScrollbar）组件）组件可以添加至任何一个组件，一些组件在界面显示不下时会自动添加滚动条，但可以使用滚动条组件来对其进行控制。滚动条滚动条绘图组件（绘图组件（CanvasCanvas）绘图组件（绘图组件（CanvasCanvas）绘图组件（绘图组件（CanvasCanvas）可以在GUI中实现2D图形的绘制，相当于画图板。组件内置了多种绘图函数，可以通过简单的2D坐标绘制直线、矩形、圆形、多边形等。绘图组件（绘图组件（CanvasCanvas）