python小练习--GUI基础

tkinter 模块官方提供的文档：tkinter 官方网址
或者：tkinterbook （相对规整，适合初学者查找）

练习1：体验 tkinter 模块实现点击按钮的事件处理

import tkinter
import tkinter.messagebox as messagebox

Clichong = tkinter.Tk()		#根窗口，主命令窗口tk

bt1 = tkinter.Button(Clichong)
bt1["text"] = "2020/11/18"
bt1.pack()      #一定要添加这句，text才能正常的显示

def TouchRection(c):
    messagebox.showinfo("Message","今天是2020/11/18")

bt1.bind("<Button-1>",TouchRection) #对事件进行绑定
Clichong.mainloop() #调用组件的mainloop方法，进入事件循环

Clichong = tkinter.Tk()
Clichong.geometry("500x100+100+150")    # 设置窗口的位置与大小，宽度500，高度100，距离左边屏100，距离上边屏150，注意格式

练习2：了解组件，并尝试面向对象编写程序

• Misc 和 和 Wm ：
  Tkinter 的 GUI 组件有两个根父类，它们都直接继承了 object 类：
  ·Misc：它是所有组件的根父类。
  ·Wm：它主要提供了一些与窗口管理器通信的功能函数。
• Tk
  Misc 和 Wm 派生出子类 Tk，它代表应用程序的主窗口。一般应用程序都需要直接或间接使用 Tk。
• Pack 、 Place 、 Grid
  Pack、Place、Grid 是布局管理器。布局管理器管理组件的：大小、位置。通过布局管理器可以将容器中的组件实现合理的排布。

常用组件汇总列表：

# 面向对象的gui程序写法

from tkinter import *
from tkinter import messagebox

class Application(Frame):
    def __init__(self,master = None):
        super().__init__(master)
        self.master = master
     #   self.pack()			#可加可不加，看把空间放置在哪里
        self.createbutton()

    def TouchRection(s):
        messagebox.showinfo("Message", "今天是2020/11/18")

    def createbutton(self):
        """创建按钮1"""
        bt1 = Button(self.master)
        bt1["text"] = "bt1"
        bt1["command"] = self.TouchRection      #不用加括号
     #   bt1.bind("<Button-1>", self.TouchRection)   #上下两句的作用相同
        bt1.pack()

        """创建按钮2推出主页面"""
        bt2 = Button(self.master)
        bt2["text"] = "Exit"
        bt2["command"] = self.master.destroy    #无需索引号
        bt2.pack()

        """推出按钮，功能与bt2相同，但是不同写法"""
        bt3 = Button(self.master, text = "Quit", command = self.master.destroy)
        bt3.pack()

Clichong = Tk()
Clichong.geometry("400x100+100+150")
Clichong.title("面向对象编程")
app = Application(master=Clichong)

Clichong.mainloop()

练习3：组件label的使用

1.显示文字

# 面向对象的gui程序写法

from tkinter import *
from tkinter import messagebox

class Application(Frame):
    def __init__(self,master = None):
        super().__init__(master)
        self.master = master
     #   self.pack()
        self.createlabel()

    def createlabel(self):
        lb1 = Label(self.master)
        lb1["text"] = "My name is Clichong!"
        lb1.pack()

Clichong = Tk()
Clichong.geometry("400x100+100+150")
Clichong.title("Label的使用")
app = Application(master=Clichong)

Clichong.mainloop()

2. label的文本格式操作

        lb2 = Label(self.master)
        lb2["text"] = "2:My name is Clichong!"  # 设置文本
        lb2["fg"] = "red"          		  # 设置字体颜色
        lb2["bg"] = "blue"        		  # 设置背景颜色
        lb2["font"] = "黑体", 15       	  # 设置字体与大小
        lb2["width"] = 30           	  # 设置label的宽度
        lb2["height"] = 1           	  # 设置label的高度
        lb2.pack()

        # 也可以一句设置多个信息
    #    lb3 = Label(self.master,text = "3:My name is Clichong!", width = 30, height = 1,fg = "red", bg = "yellow",font=("黑体", 15))	# 太长，不美观
        lb3 = Label(self.master,\
                    text = "3:My name is Clichong!",\
                    width = 30,\
                    height = 1,\
                    fg = "red",\
                    bg = "yellow",\
                    font = ("黑体",15)\
        )
        lb3.pack()

3.显示图像

        # 显示图像
        global photo    # 把 photo 声明成全局变量。如果是局部变量，本方法执行完毕后，图像对象销毁，窗口显示不出图像。
        photo = PhotoImage(file = "photo/pngphoto/小黄人.png")
        lb4 = Label(self.master)
        lb4["image"] = photo
        lb4.pack()

4.label的多行文本格式操作

        # 多行文本
        lb5 = Label(self.master)
        lb5["text"] = "Lawrence\nClichong\nSakura\n"
        lb5["borderwidth"] = 6      # 设置边框长度
        lb5["relief"] = "groove"    # 设置边框效果
        lb5["justify"] = "left"     # 设置文本的对齐格式
        lb5.pack()

完成的测试代码：

# 面向对象的gui程序写法

from tkinter import *
from tkinter import messagebox

class Application(Frame):
    def __init__(self,master = None):
        super().__init__(master)
        self.master = master
     #   self.pack()
        self.createlabel()

    def createlabel(self):
        lb1 = Label(self.master)
        lb1["text"] = "1:My name is Clichong!"
        lb1.pack()

        lb2 = Label(self.master)
        lb2["text"] = "2:My name is Clichong!"  # 设置文本
        lb2["fg"] = "red"            # 设置字体颜色
        lb2["bg"] = "blue"           # 设置背景颜色
        lb2["font"] = "黑体", 15       # 设置字体与大小
        lb2["width"] = 30           #设置label的宽度
        lb2["height"] = 1           #设置label的高度
        lb2.pack()

        # 也可以一句设置多个信息
        lb3 = Label(self.master,\
                    text = "3:My name is Clichong!",\
                    width = 30,\
                    height = 1,\
                    fg = "red",\
                    bg = "yellow",\
                    font = ("黑体",15)\
        )
        lb3.pack()

        # 显示图像
        global photo    # 把 photo 声明成全局变量。如果是局部变量，本方法执行完毕后，图像对象销毁，窗口显示不出图像。
        photo = PhotoImage(file = "photo/pngphoto/小黄人.png")
        lb4 = Label(self.master)
        lb4["image"] = photo
        lb4.pack()

        # 多行文本
        lb5 = Label(self.master)
        lb5["text"] = "Lawrence\nClichong\nSakura\n"
        lb5["borderwidth"] = 6      # 设置边框长度
        lb5["relief"] = "groove"    # 设置边框效果
        lb5["justify"] = "left"     # 设置文本的对齐格式
        lb5.pack()

Clichong = Tk()
Clichong.geometry("400x400+100+150")
Clichong.title("Label的使用")
app = Application(master=Clichong)

Clichong.mainloop()

最后的效果图：

5.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")

如何查看组件的 Options 选项：

1. 可以通过打印 config()方法的返回值，查看 Options 选项
   print(fred.config())
2. 通过在 IDE 中，点击组件对象的构造方法，进入到方法内观察：
   
   我们可以看到如下的代码:
   
   上面代码中有：“standard options 标准选项”和“widget-specific options 组件特定选项”。
   我们将常见的选项汇总如下:
   
   
   
   
   

练习5：button的使用

格式的设置方法其实与label是类似的，具体可以查看:这里

# 面向对象的gui程序写法

from tkinter import *
from tkinter import messagebox

class Application(Frame):
    def __init__(self,master = None):
        super().__init__(master)
        self.master = master
     #   self.pack()
        self.createlabel()

    def MyLoginEnter(s):
        messagebox.showinfo("登录界面", "hello world")

    def createlabel(self):

        global photo    # 把 photo 声明成全局变量。如果是局部变量，本方法执行完毕后，图像对象销毁，窗口显示不出图像。
        photo = PhotoImage(file = "photo/pngphoto/小黄人.png")
        bt1 = Button(self.master)
        bt1["image"] = photo
        bt1.pack()

        bt2 = Button(self.master,text = "Enter",width = 20,height = 10,font = ("宋体",10,))
        bt2["anchor"] = "nw"     #设置位置
        bt2["command"] = self.MyLoginEnter      # 不需要添加括号
        bt2.pack()



Clichong = Tk()
Clichong.geometry("400x400+100+150")
Clichong.title("Label的使用")
app = Application(master=Clichong)

Clichong.mainloop()

练习6：Entry 单行文本框实现简单登录界面

# 面向对象的gui程序写法

from tkinter import *
from tkinter import messagebox

class Application(Frame):
    def __init__(self,master = None):
        super().__init__(master)
        self.master = master
        self.pack()
        self.createlabel()
        self.entername = "Clichong"
        self.entercode = "123456"

    def MyLoginEnter(self):
        if self.et1.get() == self.entername and self.et2.get() == self.entercode:
            messagebox.showinfo("登录成功", "主人欢迎回来~~~")
        else:
            messagebox.showerror("登录失败","客人你来错地方了~~~")

    def createlabel(self):

        lb1 = Label(self.master,text = "登录",font = 20)
        lb1.pack()

        et1 = Entry(self.master,width = 20)
        et1.pack()

        lb2 = Label(self.master, text="密码", font=20)
        lb2.pack()

        et2 = Entry(self.master, width=20)
        et2.pack()

        bt1 = Button(self.master, text = "Enter",width = 15)
        bt1["command"] = self.MyLoginEnter
        bt1.pack()

        self.et1 = et1
        self.et2 = et2

Clichong = Tk()
Clichong.geometry("200x150+100+150")
Clichong.title("Label的使用")
app = Application(master=Clichong)

Clichong.mainloop()

测试：

密码输入正确：

密码输入错误：

改进一下，输入的时候作一个保护：

        et1 = Entry(self.master,width = 20,show = "*")
        et1.pack()

        et2 = Entry(self.master, width=20,show = "*")
        et2.pack()

练习7：text多行文本框的使用

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

1.文本框内容的输入与获取

# 面向对象的gui程序写法

from tkinter import *
from tkinter import messagebox

class Application(Frame):
    def __init__(self,master = None):
        super().__init__(master)
        self.master = master
        self.pack()
        self.createlabel()

    def createlabel(self):
        tx1 = Text(self.master,width = 40, height = 12)
        tx1["bg"] = "pink"
        tx1.pack()
        tx1.insert(1.0,"My name is Clichong!")
        tx1.insert(2.0, "Your name is Lawrence!")   # 此时还没2.0，所以自动的在末尾添加
        tx1.insert(3.0,"Today is 2020/11/19")
        self.tx1 = tx1
        bt1 = Button(self,text = "重复插入文本", command = self.Textfunction1)
        bt1.pack(side = "left")

    def Textfunction1(self):
        self.tx1.insert(3.2, "Clichong")     # 若没有第三行，则在末尾添加Clichong
        self.tx1.insert(INSERT, "Putty")     # 在指定的光标处添加putty信息
        print(self.tx1.get(1.0, 1.6))        # 打印第一行的全部数据
        print("所有在文本内容为:"+self.tx1.get(1.0,END)) # 打印全部的文本内容

    def Textfunction2(self):
        print("a")

Clichong = Tk()
Clichong.geometry("400x300+100+150")
Clichong.title("Text的使用")
app = Application(master=Clichong)

Clichong.mainloop()

代码测试：

2.文本框中插入图片

        bt2 = Button(self,text = "插入图片", command = self.Textfunction2)
        bt2.pack(side = "left")

    def Textfunction2(self):
        global photo        # 不可缺少，否则无法显示
        photo = PhotoImage(file = "photo/pngphoto/小黄人.png")
        self.tx1.image_create(END,image = photo)

3.文本框中插入按钮

        bt3 = Button(self, text="插入按钮", command=self.Textfunction3)
        bt3.pack(side="left") 
           
def Textfunction3(self):
        textbt1 = Button(self.tx1,text = "textbt1")     #按钮显示在文本框内
        self.tx1.window_create(END,window = textbt1)

4.文本框为标志添加样式

        bt4 = Button(self, text="插入标志", command=self.Textfunction4)
        bt4.pack(side="left") 
        
   def Textfunction4(self):
        self.tx1.delete(1.0,END)

        self.tx1.insert(INSERT, "good good study day day up!\n百度，搜一下就知道\n")
        self.tx1.tag_add("flag1",1.10, 1.15)     # 增加一个标记，名字为flag1，范围是1.0-1.5
        self.tx1.tag_add("flag2", 2.0, 2.5) 	 # 再增加一个标记，名字为flag2，范围是2.0-2.5
        self.tx1.tag_config("flag2", background= "yellow", foreground="red",underline=True)    #设置背景颜色与字体颜色
        self.tx1.tag_config("flag1", background="blue", foreground="red")

5.文本框中为标志添加超链接

        bt5 = Button(self, text="插入链接", command=self.Textfunction5)
        bt5.pack(side="left")
   
   def Textfunction5(self):
        self.tx1.delete(1.0, END)
        self.tx1.insert(END,"taobao.com\nbaidu.com\n")
        self.tx1.tag_add("flag1", 2.0,2.9)		#添加标志
        self.tx1.tag_config("flag1", underline=True)		# 添加下划线
        self.tx1.tag_bind("flag1","<Button-1>",self.for_Textfunction5)	# 为标记作一个链接调转的绑定

    def for_Textfunction5(self,event):
        webbrowser.open("http://www.baidu.com")

点击baidu.com后，可以正常打开百度搜索页面

完整代码如下：

# 面向对象的gui程序写法

from tkinter import *
from tkinter import messagebox
import webbrowser

class Application(Frame):
    def __init__(self,master = None):
        super().__init__(master)
        self.master = master
        self.pack()
        self.createlabel()

    def createlabel(self):
        tx1 = Text(self.master,width = 40, height = 12)
        tx1["bg"] = "pink"
        tx1.pack()
        tx1.insert(1.0,"My name is Clichong!")
        tx1.insert(2.0, "Your name is Lawrence!")   # 此时还没2.0，所以自动的在末尾添加
        tx1.insert(3.0,"Today is 2020/11/19")
        self.tx1 = tx1
        
        bt1 = Button(self,text = "插入文字", command = self.Textfunction1)
        bt1.pack(side = "left")
        bt2 = Button(self,text = "插入图片", command = self.Textfunction2)
        bt2.pack(side = "left")
        bt3 = Button(self, text="插入按钮", command=self.Textfunction3)
        bt3.pack(side="left")
        bt4 = Button(self, text="插入标志", command=self.Textfunction4)
        bt4.pack(side="left")
        bt5 = Button(self, text="插入链接", command=self.Textfunction5)
        bt5.pack(side="left")

    def Textfunction1(self):
        self.tx1.insert(3.2, "Clichong")     # 若没有第三行，则在末尾添加Clichong
        self.tx1.insert(INSERT, "Putty")     # 在指定的光标处添加putty信息
        print(self.tx1.get(1.0, 1.6))        # 打印第一行的全部数据
        print("所有在文本内容为:"+self.tx1.get(1.0,END)) # 打印全部的文本内容

    def Textfunction2(self):
        global photo        # 不可缺少，否则无法显示
        photo = PhotoImage(file = "photo/pngphoto/小黄人.png")
        self.tx1.image_create(END,image = photo)    #文本框中插入图片

    def Textfunction3(self):
        textbt1 = Button(self.tx1,text = "textbt1")     # 按钮显示在文本框内
        self.tx1.window_create(END,window = textbt1)

    def Textfunction4(self):
        self.tx1.delete(1.0,END)

        self.tx1.insert(INSERT, "good good study day day up!\n百度，搜一下就知道\n")
        self.tx1.tag_add("flag1",1.10, 1.15)    # 增加一个标记，名字为flag1，范围是1.0-1.5
        self.tx1.tag_add("flag2", 2.0, 2.5)  # 再增加一个标记，名字为flag2，范围是2.0-2.5
        self.tx1.tag_config("flag2", background= "yellow", foreground="red",underline=True)    #设置背景颜色与字体颜色
        self.tx1.tag_config("flag1", background="blue", foreground="red")

    def Textfunction5(self):
        self.tx1.delete(1.0, END)
        self.tx1.insert(END,"taobao.com\nbaidu.com\n")
        self.tx1.tag_add("flag1", 2.0,2.9)
        self.tx1.tag_config("flag1", underline=True)
        self.tx1.tag_bind("flag1","<Button-1>",self.for_Textfunction5)

    def for_Textfunction5(self,event):
        webbrowser.open("http://www.baidu.com")


Clichong = Tk()
Clichong.geometry("400x300+100+150")
Clichong.title("Text的使用")
app = Application(master=Clichong)

Clichong.mainloop()

练习8：Radiobutton 单选按钮与Checkbutton 复选按钮

# 面向对象的gui程序写法

from tkinter import *
from tkinter import messagebox
import webbrowser

class Application(Frame):
    def __init__(self,master = None):
        super().__init__(master)
        self.master = master
        self.pack()
        self.createlabel1()
    #    self.createlabel2()

    def createlabel1(self):
        self.var = StringVar()
        self.var.set(" ")            # 初始化为未选择状态
        rbt1 = Radiobutton(self,text = "蔬菜面",value = "answer1", width = 6, height = 2, variable = self.var)
        rbt2 = Radiobutton(self, text="牛腩面", value="answer2", width = 6, height = 2,variable=self.var)
        rbt3 = Radiobutton(self, text="豚骨拉面", value="answer3",width = 6, height = 2, variable=self.var)
        rbt1.pack(side = "left")     # 编成一行
        rbt2.pack(side = "left")
        rbt3.pack(side = "left")

    def createlabel2(self):
        self.choose1 = StringVar();self.choose1.set(" ");       # 初始化为未选择状态
        self.choose2 = StringVar();self.choose2.set(" ");
        self.choose3 = StringVar();self.choose3.set(" ");
        cbt1 = Checkbutton(self, text = "蒸饺", width = 6, height = 2, variable = self.choose1,onvalue=1, offvalue=0)
        cbt2 = Checkbutton(self, text="煎饺", width=6, height=2, variable=self.choose2,onvalue=1, offvalue=0)
        cbt3 = Checkbutton(self, text="汤饺", width=6, height=2, variable=self.choose3,onvalue=1, offvalue=0)
        cbt1.pack(side = "left")
        cbt2.pack(side = "left")
        cbt3.pack(side = "left")

Clichong = Tk()
Clichong.geometry("400x300+100+150")
Clichong.title("Text的使用")
app = Application(master=Clichong)

Clichong.mainloop()

1.Radiobutton 单选按钮

2.Checkbutton 复选按钮