设计思维8精要.pptVIP

例:Grid布局管理器 f1 = Frame(root,width=100,height=100,bd=4,relief=groove) f1.grid(row=1,column=1,rowspan=2,sticky=N+S+W+E) Checkbutton(f1,text=PC).grid(row=1,sticky=W) Checkbutton(f1,text=Laptop).grid(row=2,sticky=W) f2 = Frame(root,width=100,height=50,bd=4,relief=groove) f2.grid(row=1,column=2,columnspan=2,sticky=N) b1 = Button(root,text=OK,width=6) b1.grid(row=2,column=2,sticky=E+W,padx=2) b2 = Button(root,text=Cancel,width=6) b2.grid(row=2,column=3,sticky=E+W,padx=2) Lu Chaojun, SJTU * Lu Chaojun, SJTU * Lu Chaojun, SJTU * End * * * * * Lu Chaojun, SJTU Lu Chaojun, SJTU 图形用户界面 Lu Chaojun, SJTU * Lu Chaojun, SJTU * * 程序的用户界面 程序中与用户进行交互的部分 用户通过UI向程序输入数据或者请求程序执行特定任务 程序通过UI向用户显示各种信息 UI应该是用户友好的 两类UI 命令行界面 图形界面(GUI) Lu Chaojun, SJTU * Lu Chaojun, SJTU * GUI构件 窗口Window 是容器:可以容纳其他构件的构件 程序有一个根窗口 标签Label 按钮Button 菜单Menu 框架Frame 也是容器 Lu Chaojun, SJTU Lu Chaojun, SJTU * Lu Chaojun, SJTU * 构件之间的关系 父子关系 在一个构件内创建另一个构件 界面上全体构件形成一个层次结构 顶层是根窗口 父构件内安排子构件:使用布局管理器 Lu Chaojun, SJTU Lu Chaojun, SJTU * Lu Chaojun, SJTU * 事件驱动 GUI程序的执行流程取决于与用户的实时交互 例如:Word程序的执行 事件驱动编程 普通程序的执行:启动——做事——终止 事件驱动程序的执行:启动——事件循环 等待事件发生,然后处理 程序的终止也是由特定事件(如关闭窗口事件)引起的 Lu Chaojun, SJTU Lu Chaojun, SJTU * Lu Chaojun, SJTU * 基本概念 事件:例如点击鼠标,按下键盘等. 事件处理程序:对事件进行处理的代码. 事件驱动编程:一种编程范型 程序有一个事件循环 事件监测 OS功能,由工具包提供支持 事件处理 应用程序员只需编写自己的事件处理程序 Lu Chaojun, SJTU Lu Chaojun, SJTU * Lu Chaojun, SJTU * GUI编程 需要GUI工具包 将低层细节对程序员隐藏 跨平台 Python标准库:Tkinter GUI编程 设计界面外观 为每个构件定义事件处理代码 建立启动初始化和总控部分 Lu Chaojun, SJTU Lu Chaojun, SJTU * Lu Chaojun, SJTU * * Tkinter的常用构件类 Button Canvas Checkbutton Entry Frame Label Listbox Menu Message Radiobutton Text Toplevel Lu Chaojun, SJTU * Lu Chaojun, SJTU * * 最简单的Tkinter程序 导入Tkinter 建立根窗口 进入事件循环 例:eg8_1.py from Tkinter import * root = Tk() root.mainloop() Lu Chaojun, SJTU * Lu Chaojun, SJTU * * 在窗口中添加构件 两步: 创建 布局 例:eg8_2.py from Tkinter import * root = Tk() aLabel = Label(root,text=Hello World) aLabel.pack() root.mainloop() Lu Chaojun, SJTU * Lu Chaojun, SJTU * * 在窗