上海交通大学 python程序设计课程PPT Ch8-1

– Tkinter自动维护这两个属性的值 – 编程时可利用这两个属性,例如: aLabel.master.title("My GUI")
13
界面设计过程
• 根据需要创建多个构件,然后在窗口中进 行布局. • 例:eg8_3.py
from Tkinter import * root = Tk() aLabel = Label(root,text="Hello World") aLabel.pack() aButton = Button(root,text="Click Me") aButton.pack() root.mainloop()
7
Tkinter的常用构件类
• • • • • • • • • • • • Button Canvas Checkbutton Entry Frame Label Listbox Menu Message Radiobutton Text Toplevel
8
最简单的Tkinter程序
• • • • 导入Tkinter 建立根窗口 进入事件循环 例:eg8_1.py
from Tkinter import * root = Tk() root.mainloop()
9
在窗口中添加构件
• 两步:
– 创建 – 布局
• 例:eg8_2.py
from Tkinter import * root = Tk() aLabel = Label(root,text="Hello World") aLabel.pack() root.mainloop()
• 根窗口的标题设置
root.title("My GUI") – 缺省值为"Tk"
• 根窗口的尺寸设置
root.geometry("400x400") – 缺省值为200x200
12
构件间的父子关系
• GUI中的所有构件按父子关系构成树状 层次结构 • 每个构件都有master和children属性
• • • •
标签Label 按钮Button 菜单Menu 框架Frame
– 也是容器
窗口W 框架F1 勾选钮C1 勾选钮C2 OK Cancel 框架F2
3
构件之间的关系
• 父子关系
– 在一个构件内创建另一个构件 – 界面上全体构件形成一个层次结构 – 顶层是根窗口
• 父构件内安排子构件:使用布局管理器
图形用户界面
程序的用户界面
• 程序中与用户进行交互的部分
– 用户通过UI向程序输入数据或者请求程序执 行特定任务 – 程序通过UI向用户显示各种信息
• UI应该是用户友好的 • 两类UI
– 命令行界面 – 图形界面(GUI)
2
GUI构件
• 窗口Window
– 是容器:可以容纳其他构件的构件 – 程序有一个根窗口
• 构件都有pack()方法
26
例:Pack布局管理器
>>> Label(root,text="Input a number:").pack() >>> Entry(root).pack() >>> Button(root,text="OK").pack()
>>> Label(root,text="Input a number:").pack(side="left") >>> Entry(root).pack(side="left") >>> Button(root,text="OK").pack(side="left")
24
布局
• 布局:界面元素在界面中的位置安排. • 布局管理器:程序员不需要了解底层显示 系统的细节, 在较高层次上考虑界面布局 • 构件都是先创建,再布局:
w = Constructor(parent,...) w.GeometryManager(...)
• Tkinter提供三种布局管理器:Pack,Grid 和Place
23
常用构件:顶层窗口
• 类Toplevel
– 顶层窗口是根窗口的子构件,但有一定的独 立性:可以移动,改变大小. – 根窗口只有一个,顶层窗口可有多个.
• 例如
>>> >>> >>> >>> >>> >>> root = Tk() Label(root,text="hello").pack() top = Toplevel() Label(top,text="world").pack() top.title('hello toplevel') top.geometry('400x300')
4
事件驱动
• GUI程序的执行流程取决于与用户的实 时交互
– 例如:Word程序的执行
• 事件驱动编程
– 普通程序的执行:启动——做事——终止 – 事件驱动程序的执行:启动——事件循环
等待事件发生,然后处理 程序的终止也是由特定事件(如关闭窗口事件)引 起的
5
基本概念
• 事件:例如点击鼠标,按下键盘等. • 事件处理程序:对事件进行处理的代码. • 事件驱动编程:一种编程范型
21
常用构件:菜单
• 类Menu
– 创建菜单构件 – 与窗口关联 – 添加菜单项
菜单项:简单命令,级联式菜单,勾选钮,一组单选钮
• 例如
>>> >>> >>> >>> m = Menu(root) root.config(menu = m) m.add_command(label="File") m.add_command(label="Help")
10
在窗口中添加构件
• 构件对象有很多属性(实例变量):
– 创建时设置属性的值
属性一般都有缺省值 用"命名参数"方式设置较方便:属性=属性值
– 创建时不设置,将来再设置或修改
利用构件类的config方法: 对象.config(属性=属性值) 对象视为字典: 对象[属性]=属性值
11
根窗口
27
Grid布局管理器
• Grid将窗口或框架视为由行和列构成的二维表 格,并将构件放入行列交叉处的单元格中
– 根据构件大小自动调整行列尺寸:列宽由该列中最宽 构件决定,行高由该行最高的构件决定.
• 构件都有grid()方法
– 选项row和column指定行列编号
20
常用构件:框架
• 类Frame:构件容器,用于窗口分隔
f = Frame(窗口,选项设置) – width,height,bd,relief – 框架中的子构件独立地进行布局
• 例如
>>> >>> >>> >>> >>> f = Frame(root,bd=4,relief="groove") f.pack() Checkbutton(f,text="Math").pack() Checkbutton(f,text="Python").pack() Checkbutton(f,text="English").pack()
14
常用构件:标签
• 类:Label
lb = Label(窗口,选项设置) – text:标签文本内容 – width:标签宽度 – fg:前景色(文本颜色)
• 例如
>>> aLabel = Label(root,text="Hello World") >>> aLabel.pack() >>> Label(root,text='red color',fg='red').pack()
程序中可以通过v.get()和v.set()来查询或设置勾 选钮的状态
>>> v = IntVar() >>> Checkbutton(root,text="Check",variable=v).pack()
18
常用构件:单选钮
• 类:Radiቤተ መጻሕፍቲ ባይዱbutton
rb = Radiobutton(窗口,选项设置) – value:每个单选钮对应一个值,用于控制变量 – variable:控制变量,值为IntVar类的实例
>>> def hiButton(): ... print 'hi there' ... >>> Button(root,text='print',command=hiButton).pack()
17
常用构件:勾选钮
• 类:Checkbutton
cb = Checkbutton(窗口,选项设置) – text
一组单选钮共用一个控制变量
>>> >>> >>> >>> >>> v = IntVar() v.set(1) Radiobutton(root,text="One",variable=v,value=1).pack() Radiobutton(root,text="Two",variable=v,value=2).pack() Radiobutton(root,text="Three",variable=v,value=3).pack()