1_GUI编程和tinkter介绍

GUI（Graphics User Interface）图形用户接口

常用的GUI库：

1. Tkinter（TK interface）小型GUI程序编写
2. wxPython（适合大型应用程序开发）
3. Pyqt（适合大型GUI程序开发）

GUI编程的核心步骤和第一个GUI程序

基于tkinter模块创建GUI程序包含以下4个核心步骤：

1. 创建应用程序主窗口对象（也称：根窗口）

   （1）通过类Tk的无参构造函数

   from tkinter import *root=Tk()
   root.mainloop()  #调用组件的mainloop()方法，进入事件循环
   

2. 在主窗口中，添加各种可视化组件。比如：按钮（Button）、文本框（Label）等

   btn01=Button(root)
   btn01['text']="WBQ"
   

3. 通过几何布局管理器，管理组件的大小和位置

   bnt01.pack()
   

4. 事件处理

   ​ （1）通过绑定事件处理程序，相应用户操作所触发的事件（比如：单机、双击等）

   def songhua(e):messagebox.showinfo("Message","送你玫瑰")print("送出玫瑰")
   btn01.bind("<Button-1>",songhua)
   

2_PEP8编码规范 _窗口大小和位置

通过geometry(‘wxh±x±y’),+x表示距离屏幕左边的距离，-x表示距离屏幕右边的距离，+y表示距离屏幕上边的距离，-y表示距离屏幕下边的距离。

3_GUI编程整体描述_常用组件汇总

Wm：窗口间的通信

TopLevel：顶级窗口

Pack、Place、Grid：通讯管理器

from tkinter import *
from tkinter import messageboxroot = Tk()
root.title("我的第一个GUI程序")
root.geometry("500*300+100+200")btn01 = Button(root)
# 可以按住ctrl键打开Button类 Button继承了Widget，Widget继承了BaseWidget,Pack,Place,Grid，Widget又继承了Miscbtn01["text"] = "送花"btn01.pack()def songhua(e):messagebox.showinfo("Message", "送你玫瑰")print("送出玫瑰")btn01.bind("<Button-1>", songhua)
root.mainloop()

常用组件汇总列表：

4_GUI程序的经典面向对象写法

通过类Application组织整个GUI程序，类Application继承了Frame及通过继承拥有了父类的特性。通过构造__init__()初始化窗口的对象。

Frame框架是一个tkinter组件，表示一个矩形的区域。Frame】一般作为容器使用，而已放置其他组件，从而实现复杂的布局。

"""测试一个经典的GUI程序的写法，使用面向对象的方式"""
from tkinter import *
from tkinter import messagebox
import tkinter as TKclass Application(Frame):"""一个经典的GUI程序的类的写法"""def __init__(self, master=None):super().__init(master)  # super()代表的是弗雷的定义，而不是父类对象self.master = masterself.pack()self.createWidget()# 创建一个退出按钮self.btnQuit = Button(self,text="退出",command=root.distroy)def createWidget(self):"""创建组件"""self.btn01 = Button(self)self.btn01["text"]="点击送花"self.btn01.pack()self.btn01["command"]=self.songhuadef songhua(self):messagebox.showinfo("送花","送你99朵玫瑰")if __name__ == '__main__':root = Tk()root.geometry("400*100+200+300")root.title("一个经典的GUI程序类的测试")app = Application(master=root)root.mainloop()

5_Label组件 _Tkinter中图像正确显示全局变量的写法

Label组件

Label(标签)主要用于显示文本信息，也可以显示图像

Label(标签)有这样一些常见属性：

1. width,height

   用于指定区域大小，如果显示是文本，则以单个英文字符大小为单位（一个汉字宽度占2个字符位置，高度和英文字符一样）；如果显示是图像，则以次昂宿为单位，默认值是根据具体显示的内容动态调整。

2. font

   指定字体和字体大小，如：font=(font_name,size)

3. image

   显示再Label上的图像，目前tkinter只支持gif格式

4. fg和bg

   fg(foreground):前景色 bg(background):背景色

5. justify

   针对多行文字的对齐，可设置justify属性，可选值“left”，“center”or“right”

全局变量（图片全局变量的写法）

"""测试Label组件的基本用法，使用面向对象的方式"""
from tkinter import *
from tkinter import messageboxclass Application(Frame):def __init__(self, master=None):super().__init__(master)  # super()代表的是弗雷的定义，而不是父类对象self.master = masterself.pack()self.createWidget()def createWidget(self):"""创建组件"""self.label01 = Label(self, text="百战程序员", width=10, height=2, bg="black", fg="white")self.label01.pack()self.label02 = Label(self, text="小汪", width=10, height=2, bg="blue", fg="white", font=("黑体", 30))self.label02.pack()# 显示图像global photo  # 把photo声明成全局变量。如果局部变量，本方法执行完毕后，图像对象销毁，窗口显示不出图像。photo = PhotoImage(file="C:/Users/Vermouth/Desktop/CV/img/taichi.gif")self.label03 = Label(self, image=photo)self.label03.pack()self.label04 = Label(self, text="lalala\nbalabala\nhahaha", borderwidth=5, relief="solid", justify="right")self.label04.pack()if __name__ == '__main__':root = Tk()root.geometry("400x100+200+300")root.title("测试Label组件的基本用法")app = Application(master=root)root.mainloop()

6_options选项详解 _底层源码分析和阅读 _可变参数和重载运算符复习

Option选项的详解

通过学习Label组件，我们发现可以通过Options设置的属性，从而控制组件的各种状态，比如：宽度、高度、颜色、位置等等。

我们可以通过三种方式设置Options选项，这在各种GUI组件中用法都一致。

1. 创建对象时，使用命名参数（也叫做关键字参数）

   fred = Button(self, fg="red", bg="blue")
   

2. 创建对象后，使用字典索引方式

   fred["fg"] = "red"
   fred["bg"] = "blue"
   

3. 创建对象后，使用config()方法

   fred.config(fg="red", bg="blue")
   

7_Button_anchor位置控制

Button(按钮)用来执行用户的单击操作，Button可以包含文本，也可以包含图像，按钮被单机后会自动调用对应事件的绑定的方法。

"""测试Label组件的基本用法，使用面向对象的方式"""
from tkinter import *
from tkinter import messageboxclass Application(Frame):def __init__(self, master=None):super().__init__(master)  # super()代表的是弗雷的定义，而不是父类对象self.master = masterself.pack()self.createWidget()def createWidget(self):"""创建组件"""self.btn01 = Button(root, text="Login", width=6, height=3, anchor=E, command=self.login)self.btn01.pack()# 显示图像global photo  # 把photo声明成全局变量。如果局部变量，本方法执行完毕后，图像对象销毁，窗口显示不出图像。photo = PhotoImage(file="C:/Users/Vermouth/Desktop/CV/img/taichi.gif")self.btn02 = Button(root, image=photo, command=self.login)self.btn02.pack()self.btn02.config(state="disabled")  # 设置按钮为禁用def login(self):messagebox.INFO("Login")if __name__ == '__main__':root = Tk()root.geometry("400x100+200+300")root.title("测试Label组件的基本用法")app = Application(master=root)root.mainloop()

8_Entry_StringVar _登录界面设计和功能实现

Entry单行文本框

Entry用来接收一行字符串的空间，如果用户输入的文字长度长于Entry控件的宽度时，文字会自动向后滚动，如果想输入多行文本，需要使用Text控件。

"""测试Label组件的基本用法，使用面向对象的方式"""
from tkinter import *
from tkinter import messageboxclass Application(Frame):def __init__(self, master=None):super().__init__(master)  # super()代表的是弗雷的定义，而不是父类对象self.master = masterself.pack()self.createWidget()def createWidget(self):"""创建登录界面的条件"""self.label01 = Label(self, text="用户名")self.label01.pack()# StringVar变量绑定到指定的组件。# StringVar变量的值发生变化，组件内容也变化。# 组件内容发生变化，StringVar变量的值也发生变化。v1 = StringVar()self.entry01 = Entry(self, textvariable=v1)self.entry01.pack()v1.set("admin")print(v1.get());print(self.entry01.get())# 创建密码框v2 = StringVar()self.entry02 = Entry(self, textvariable=v2, show="*")self.entry02.pack()# 登录按钮self.btn01 = Button(self, text="登录", command=self.login).pack()def login(self):username = self.entry01.get()pwd = self.entry02.get()print("去数据库比对用户名和密码")print("用户名：", username)print("密码：", pwd)if username=="wbq" and pwd=="123456":messagebox.showinfo("学习系统", "欢迎开始学习！")else:messagebox.showinfo("学习系统", "登录失败！用户名或密码错误!")if __name__ == '__main__':root = Tk()root.geometry("400x100+200+300")root.title("测试Label组件的基本用法")app = Application(master=root)root.mainloop()

9_Text多行文本框详解 _复杂tag标记

Text(多行文本框)的主要用于显示多行文本，还可以显示网页链接、图片、HTML页面、甚至CSS央视表，添加组件等。因此，也常被当作简单的文本处理器、文本编辑器或者网页浏览器来使用。比如IDLE就是Text组件构成的。

"""_Text多行文本框详解 _复杂tag标记"""
from tkinter import *
from tkinter import messagebox
import webbrowserclass Application(Frame):def __init__(self, master=None):super().__init__(master)  # super()代表的是弗雷的定义，而不是父类对象self.master = masterself.pack()self.createWidget()def createWidget(self):self.w1 = Text(root, width=40, height=12, bg="gray")# 宽度20个字母(10个汉字)，高度一个行高self.w1.pack()self.w1.insert(1.0, "0123456789\nabcdefg")self.w1.insert(2.3, "lalalalala,hahahahaha,balabalaba\n")Button(self, text="重复插入文本", command=self.insertText).pack(side="left")Button(self, text="返回文本", command=self.returnText).pack(side="left")Button(self, text="添加图片", command=self.addImage).pack(side="left")Button(self, text="添加组件", command=self.addWidget).pack(side="left")Button(self, text="通过tag精确控制文本", command=self.testTag).pack(side="left")def insertText(self):# INSERT索引表示在光标处插入self.w1.insert(INSERT, 'wbq')# END索引号表示在最后插入self.w1.insert(END, '[sxt]')def returnText(self):# INdexes(索引)是用来指向Text组件中文本的位置，Text的组件索引也是对应实际字符之间的位置# 核心：行号以1开始，列号以0开始print(self.w1.get(1.2, 1.6))self.w1.insert(1.8, "wbq")print("所有文本内容 \n" + self.w1.get((1.0, END)))def addImage(self):# global photoself.photo = PhotoImage(file="C:/Users/Vermouth/Desktop/CV/img/taichi.gif")self.w1.image_create(END, image=self.photo)def addWidget(self):b1 = Button(self.w1, text='小汪学堂')# 在text创建组件的命令self.w1.window_create(INSERT, window=b1)def testTag(self):self.w1.delete(1.0, END)self.w1.insert(INSERT, "good\ngood\nstudy\nday day up!\n")self.w1.tag_add("good", 1.0, 1.9)self.w1.tag_config("good", background="yellow", foreground="red")self.w1.tag_add("baidu", 4.0, 4.2)self.w1.tag_config("baidu", underline=True)self.w1.tag_bind("baidu", "<Button-1>", self.webshow)def webshow(self, event):webbrowser.open("http://www.baidu.com")if __name__ == '__main__':root = Tk()root.geometry("400x100+200+300")root.title("测试Label组件的基本用法")app = Application(master=root)root.mainloop()

10_Radiobutton_Checkbutton详解

Radiobutton 单选按钮

Radiobutton控件用于选择同一组单选按钮中的一个，Radiobutton可以显示文本，也可以显示图像。

"""_Radiobutton_Checkbutton详解"""
from tkinter import *
from tkinter import messagebox
import webbrowserclass Application(Frame):def __init__(self, master=None):super().__init__(master)  # super()代表的是父类的定义，而不是父类对象self.master = masterself.pack()self.createWidget()def createWidget(self):self.v = StringVar()self.v.set("F")self.r1 = Radiobutton(self, text="男性", value="M", variable=self.v)self.r2 = Radiobutton(self, text="女性", value="F", variable=self.v)self.r1.pack(side="left")self.r2.pack(side="left")Button(self, text="确定", command=self.confirm).pack(side="left")def confirm(self):messagebox.showinfo("测试", "选择的性别：" + self.v.get())if __name__ == '__main__':root = Tk()root.geometry("400x100+200+300")root.title("测试Label组件的基本用法")app = Application(master=root)root.mainloop()

Checkbutton 单选按钮

Checkbutton控件用于选择多个按钮的情况，Checkbutton可以显示文本，也可以显示图像。

"""_Radiobutton_Checkbutton详解"""
from tkinter import *
from tkinter import messagebox
import webbrowserclass Application(Frame):def __init__(self, master=None):super().__init__(master)  # super()代表的是父类的定义，而不是父类对象self.master = masterself.pack()self.createWidget()def createWidget(self):self.codeHobby = IntVar()self.videoHobby = IntVar()print(self.codeHobby.get())self.c1 = Checkbutton(self, text="敲代码", variable=self.codeHobby, onvalue=1, offvalue=0)self.c2 = Checkbutton(self, text="看视频", variable=self.videoHobby, onvalue=1, offvalue=0)self.c1.pack(side="left")self.c2.pack(side="left")Button(self, text="确定", command=self.confirm).pack(side="left")def confirm(self):if self.videoHobby.get() == 1:messagebox.showinfo("测试", "看视频是正常的")if self.codeHobby.get() == 1:messagebox.showinfo("测试", "抓到野生程序猿一只")if __name__ == '__main__':root = Tk()root.geometry("400x100+200+300")root.title("测试Label组件的基本用法")app = Application(master=root)root.mainloop()