资源简介

(共33张PPT)
GUI
图形设计（一）
课前回顾
1、创建动画
2、绘制火箭
3、发射火箭
canvas.move()函数会把任意画好的对象移动到x、y坐标增加给定值的位置。
使用三角形与矩形进行组合成一个火箭，添加文字，绘制火箭尾焰。
对组成火箭图形与文字绑定的ID进行控制，就可以来完成火箭整体的移动。
情境引入
在之前的课程中，为了对照学习海龟turtle模块的画图功能，我们学习了tkinter的Canvas类。这些只是tkinter模块功能的冰山一角，其实tkinter模块的功能十分强大。
循序善诱
我们使用tkinter模块可以快速的创建GUI应用程序。
什么是GUI？GUI是图形用户界面（Graphical User Interface，简称 GUI），是指采用图形方式显示的计算机操作用户界面。
循序善诱
在GUI设计中，tkinter模块中提供各种各样的工具类比如按钮、标签、文本框等，通常被称为控件或者部件。各种控件都有可能在一个GUI应用程序中使用。下面让我们来一一学习tkinter模块内的各个控件、部件。
新知教授
2、Entry与Text输入
1、Label与Button
3、选择按钮
4、课堂总结
Label与Button
新知教授
每一个tkinter应用的主体框架都可以包含下面这部分：定义 window 窗口与 window的一些属性，然后书写窗口内容，最后执行window.mainloop让窗口活起来。
编玩边学
from tkinter import *
window = Tk() # 创建tkinter窗口实例对象
window.title('New Window') # 设置窗口标题
window.geometry('800x600') # 设置窗口窗体大小
window.mainloop() # 重复循环运行窗体程序
运行程序会出现一个设置好的窗口。
思维构建
接下来我们会在窗口中建立一个用来描述的标签 Label。
编玩边学
biaoQian = Label(window, # 标签显示的窗口载体
text='Hi! I am TK!', # 标签的文字
bg='blue', # 标签背景颜色
font=('Arial', 16), # 标签字体和字体大小
width=25, height=8 ) # 标签长宽
biaoQian.pack() # 固定标签窗口位置
思维构建
我们也可以通过变量的形式控制标签的内容显示，现在，我们引入按钮Button的控件来让这个程序更好玩。当我们每点击一次按钮，标签内容就会变化一次.
编玩边学
showStr = StringVar() # 创建文字变量储存器
on_hit = False # 默认初始状态为 False
def hit_me():
global on_hit # 声明on_hit为全局变量
if on_hit == False:
on_hit = True # 从 False 状态变成 True 状态
showStr.set('You hit me ') # 设置标签的文字
else: # 从 True 状态变成 False 状态
on_hit = False
showStr.set('') # 设置标签文字为空
我们需要把变化的文字存在变量 showStr中。
编玩边学
"""创建标签实例对象"""
biaoQian = Label(window,
textvariable=showStr, # 使用可变 textvariable 替换 text
bg='cyan', font=('Arial', 16), width=25, height=8)
biaoQian.pack()
"""创建按钮实例对象"""
button = Button(window,
text='click me!', # 显示在按钮上的文字
width=15, height=2,
command=hit_me) # 点击按钮式执行的命令
button.pack() # 按钮位置
运行程序，可以看到鼠标每点击一次按钮，文本框上显示的内容就会发生显示、消失的改变。
Entry与Text输入
新知教授
现在是一个网络快速发展的时代，我们经常需要登录个人信息后才能正常使用网络工具。在我们登录一些网络账号、密码时，经常能够看到一个长长的方格用于记录我们输入的账号名与密码。下面我们将学习输入框控件。
思维构建
Entry与Text都是tkinter用来接收字符串等输入的控件。其中Entry控件允许用户输入一行文字，如果用户输入的文字长度长于Entry控件的宽度时，文字会向后滚动，如果你想要输入多行文本，就需要使用Text控件。
编玩边学
from tkinter import *
window = Tk() # 创建tkinter窗口实例对象
window.title('New Window') # 设置窗口标题
window.geometry('800x600') # 设置窗口窗体大小
设置主体窗口
编玩边学
"""创建一个输入框Entry"""
shuRu = Entry(window)
shuRu.pack()
"""创建一个Text文本输入框"""
textShow = Text(window,height=2)
textShow.pack()
window.mainloop() # 循环运行窗体程序
思维构建
两种输入文本框我们已经创建好了，下面我们来把按钮也添加上，来模拟登录界面。现在，将Text输入框作为我们输入的文本信息内容显示，来学习文本内容添加的两种方式。
编玩边学
def insert_point():
var = shuRu.get()
textShow.insert('insert',var)
def insert_end():
var = shuRu.get()
textShow.insert('end',var)
创建嵌入添加的方法函数
与
创建末尾添加的方法函数
编玩边学
b1 = Button(window,
text="嵌入添加",
width=15,height=2,
command=insert_point)
b1.pack()
b2 = Button(window,
text="末尾添加",
command=insert_end)
b2.pack()
创建嵌入式的按钮
与
创建末尾添加的按钮
选择按钮
新知教授
下面我们将学习如何使用tkinter模块做一个选择按钮，说起选择按钮，就像考试试卷上的单选题目那样。
思维构建
我们来通过程序来演示Radiobutton单选按钮程序，将按钮的选择信息用Label显示出来。
编学边玩
from tkinter import *
window = Tk()
window.title('New Window')
window.geometry('600x400')
var1 = StringVar()
var1.set(0)
定义一个 var1 用来radiobutton的值和Label的值联系在一起。
编学边玩
showLabel = Label(window, bg='yellow',
width=20, text='请给出你的选择...')
showLabel.pack()
r_Button_A = Radiobutton(window, text='选项 A',
variable=var1, value='A')
r_Button_A.pack()
window.mainloop()
编学边玩
def show_selection():
showLabel.config(text='你选择了选项 ' + var1.get())
创建选择按钮点击事件绑定的方法函数
编学边玩
r_Button_B = Radiobutton(window, text='选项 B',
variable=var1, value='B',
command=show_selection)
r_Button_B.pack()
r_Button_C = Radiobutton(window, text='选项 C',
variable=var1, value='C',
command=show_selection)
r_Button_C.pack()
完善程序，不断丰富选择按钮选项，并为按钮对象绑定监听函数。
实践创作
完成本节课的程序，尝试使用tkinter制作属于自己的登录界面与选择界面。
课堂总结
1、Label与Button
2、Entry与Text输入
3、选择按钮
Label是用来描述的标签，Button控件可以用于控制窗口显示内容 。
Entry与Text都是tkinter用来接收字符串等输入的控件。
r_Button_A = Radiobutton(window, text='选项 A',variable=var1,value='A')
分享交流
同学们今天写代码有没有遇到什么问题？
演示今天打印的代码
同学们，要加油哦！
下节课见啦

展开更多......

收起↑