python基本使用（4）— 窗口TKinter

偏执的太偏执、 2022-05-29 06:28 183阅读 0赞

1. 窗口TKinter

Tkinter 是使用 python 进行窗口视窗设计的模块. 简单的构造, 多平台, 多系统的兼容性, 能让它成为让你快速入门定制窗口文件的好助手. 它在 python 窗口视窗模块中是一款简单型的. 所以用来入门, 熟悉 窗口视窗的使用, 非常有必要。

1.1 Label & Button 标签和按钮

每一个 tkinter 应用的主体框架都可以 定义 `window` 窗口 和 `window`的一些属性, 然后书写窗口内容, 最后执行`window.mainloop`让窗口活起来.

标签 Label：

import tkinter as tk
    
    #窗口主题框架
    window = tk.Tk()    #创建一个 TK 的窗口window
    window.title('my window')   #窗口命名
    window.geometry('200x100')  #大小
    
    # 这里是窗口的内容
    
    
    #窗口内容   创建标签l
    l = tk.Label(window, 
        text='Hello!',    # 标签的文字
        bg='green',     # 背景颜色
        font=('Arial', 12),     # 字体和字体大小
        width=15, height=2  # 标签长宽
        )
    l.pack()    # 固定窗口位置
    
    window.mainloop()     #循环窗口

结果：会出现如下标签

![Image 1][]

按钮 Button：

import tkinter as tk
    
    #窗口主题框架
    window = tk.Tk()    #创建一个 TK 的窗口window
    window.title('my window')   #窗口命名
    window.geometry('200x100')  #大小
    
    # 这里是窗口的内容
    
    var = tk.StringVar()  #tk中的变量，指代字符串
    
    #窗口内容   创建标签l
    l = tk.Label(window, 
        textvariable = var,    # 标签的文字
        bg='green',     # 背景颜色
        font=('Arial', 12),     # 字体和字体大小
        width=15, height=2  # 标签长宽
        )
    l.pack()    # 固定窗口位置
    
    on_hit = False  #默认初始状态为False
    def hit_me():
        global on_hit
        if on_hit == False:  #点击完毕则变化
            on_hit = True
            var.set('you hit me')   #将变量var设置为
        else:
            on_hit = False
            var.set('')       #设置文字为空
     
    b = tk.Button(window,text='hit me',width=15,height=2,command = hit_me)
    #执行的命令command是hit_me这个函数，需提前定义
    b.pack()
     
    window.mainloop()     #循环窗口

则点击‘hit me’，循环以下窗口

![Image 1][]                     ![Image 1][]

1.2 Entry & Text 输入 & 文本框

import tkinter as tk
    
    #窗口主题框架
    window = tk.Tk()    #创建一个 TK 的窗口window
    window.title('my window')   #窗口命名
    window.geometry('200x200')  #大小
    
    e = tk.Entry(window,show='*')   #使输入框中都显示*
    e.pack()
    
    def insert_point():
        var=e.get()
        t.insert('insert',var)   #insert的用法，第一个参数insert表示在按键所在位置
        
    def insert_end():
        var=e.get()
        t.insert('end',var)     #insert的用法，第一个参数end表示在文本末尾
        #t.insert(1.1,var)   插入到指定位置，1.1表示第一行，第一列的位置
    
    b1 = tk.Button(window,text='insert point',width=15,height=2,command = insert_point)
    b1.pack()
    
    b2 = tk.Button(window,text='insert end',command = insert_end)  #默认大小
    b2.pack()
    
    t = tk.Text(window,height=2)      #文本框，设置为2个字符宽度
    t.pack()
    
    window.mainloop()     #循环窗口

结果：

![Image 1][]

最上面是输入框，最下面是文本框，中间两行为按钮选择。

1.3 Listbox列表部件

import tkinter as tk
    
    #窗口主题框架
    window = tk.Tk()    #创建一个 TK 的窗口window
    window.title('my window')   #窗口命名
    window.geometry('200x200')  #大小
    
    var1 = tk.StringVar()
    l=tk.Label(window, bg='yellow', width=4, textvariable=var1)
    l.pack()
    
    def print_selection():
        value=lb.get(lb.curselection())     #curselection()表示光标选定的东西
        var1.set(value)   #将上面的值附到Label的变量var1中
    
    b1 = tk.Button(window,text='print selection',width=15,height=2,command = print_selection)
    b1.pack()
    
    var2=tk.StringVar()
    var2.set((11,22,33,44))      #初始值设置
    lb=tk.Listbox(window,listvariable=var2)       #将自变量传到列表中
    list_items=[1,2,3,4]
    for item in list_items:
        lb.insert('end',item)
        
    lb.insert(1,'first')  #在第一位插入first
    lb.insert(2,'second')
    lb.delete(2)           #删除第二位
    lb.pack()
    
    window.mainloop()     #循环窗口

结果为

![Image 1][]

1.4 Radiobutton 选择按钮

import tkinter as tk
    
    #窗口主题框架
    window = tk.Tk()    #创建一个 TK 的窗口window
    window.title('my window')   #窗口命名
    window.geometry('200x200')  #大小
    
    var = tk.StringVar()
    l=tk.Label(window, bg='yellow', width=20, text='empty')
    l.pack()
    
    def print_selection():
        l.config(text='you have selected ' + var.get())
    
    r1 = tk.Radiobutton(window, text='Option A',
                        variable=var, value='A',
                        command=print_selection)
    r1.pack()
    r2 = tk.Radiobutton(window, text='Option B',
                        variable=var, value='B',
                        command=print_selection)
    r2.pack()
    r3 = tk.Radiobutton(window, text='Option C',
                        variable=var, value='C',
                        command=print_selection)
    r3.pack()
    
    
    window.mainloop()     #循环窗口

结果为

![Image 1][]    ![Image 1][]      ![Image 1][]

1.5 Scale尺度

https://morvanzhou.github.io/tutorials/python-basic/tkinter/2-05-scale/

import tkinter as tk
    
    window = tk.Tk()
    window.title('my window')
    window.geometry('200x200')
    
    l = tk.Label(window, bg='yellow', width=20, text='empty')
    l.pack()
    
    def print_selection(v):
        l.config(text='you have selected ' + v)
    
    s = tk.Scale(window, label='try me', from_=5, to=11, orient=tk.HORIZONTAL,
                 length=200, showvalue=0, tickinterval=2, resolution=0.01, command=print_selection)
    s.pack()
    
    window.mainloop()

结果为如下图的一个滑动条，可滑动数字块，相应上面数字也会变化

![Image 1][]

Scale部件：

这里的参数`label`是指scale部件的名称，即在这里scale部件名称为`try me`

*  参数`from_=5，to=11`的意思就是从5到11，即这个滚动条最小值为5，最大值为11（这里使用from\_是因为在python中有from这个关键词）
 *  参数`orient=tk.HORIZONTAL`在这里就是设置滚动条的方向，如我们所看到的效果图，这里`HORIZONTAL`就是横向。
 *  参数`length`这里是指滚动条部件的长度，但注意的是和其他部件width表示不同，width表示的是以字符为单位，比如`width=4`，就是4个字符的长度，而此处的`length=200`，是指我们常用的像素为单位，即长度为200个像素
 *  参数`resolution=0.01`这里我们可以借助数学题来理解，我们做的很多数学题都会让我们来保留几位小数，此处的0.01就是保留2位小数，即效果图中的5.00 9.00等等后面的两位小数，如果保留一位就是`resolution=0.1` 这里的`showvalue`就是设置在滚动条上方的显示。`showvalue=0`显示的就是效果图，上方无结果显示，如果改为`showvalue=1`，则会在滑动条上显示结果数字

这里相比前面多了参数`v`，这里的参数`v`即将滚动条定位的数据，即如效果图中最开始，定位到5.00，`label`中显示you have  selected 5.00

1.6 Checkbutton 勾选项（可选多个）

import tkinter as tk
    
    window = tk.Tk()
    window.title('my window')
    window.geometry('200x200')
    
    l = tk.Label(window, bg='yellow', width=20, text='empty')
    l.pack()
    
    def print_selection():
        if (var1.get() == 1) & (var2.get() == 0):   # a & b
            l.config(text='I love only Python ')
        elif (var1.get() == 0) & (var2.get() == 1):
            l.config(text='I love only C++')
        elif (var1.get() == 0) & (var2.get() == 0):
            l.config(text='I do not love either')
        else:
            l.config(text='I love both')
    
    var1 = tk.IntVar()
    var2 = tk.IntVar()
    c1 = tk.Checkbutton(window, text='Python', variable=var1, onvalue=1, offvalue=0,
                        command=print_selection)
    c2 = tk.Checkbutton(window, text='C++', variable=var2, onvalue=1, offvalue=0,
                        command=print_selection)
    c1.pack()
    c2.pack()
    
    
    window.mainloop()

结果如下：

![Image 1][] ![Image 1][]

![Image 1][] ![Image 1][]  ![Image 1][]

checkbutton部件：参数`onvalue`和前面讲的部件`radiobutton`中的value相似， 当我们选中了这个checkbutton，`onvalue`的值1就会放入到`var1`中， 然后var1将其赋值给参数`variable`，`offvalue`用法相似，但是`offvalue`是在没有选中这个checkbutton时，`offvalue`的值1放入var1，然后赋值给参数`variable` 这是创建一个checkbutton部件，以此类推，可以创建多个checkbutton

1.7 canvas 画布

import tkinter as tk
    
    window = tk.Tk()
    window.title('my window')
    window.geometry('200x200')
    
    canvas = tk.Canvas(window, bg='blue', height=100, width=200)
    image_file = tk.PhotoImage(file='ins.gif')   #在画布上加载的图片地址。默认在和文件同一地址下，且很多版本都只支持gif格式
    image = canvas.create_image(10, 10, anchor='nw', image=image_file)   #第一、二个参数表示图片加载的坐标，第三个参数表示方位
    x0, y0, x1, y1= 50, 50, 80, 80  #定义两个点（x0,y0）和（x1,y1）
    line = canvas.create_line(x0, y0, x1, y1)  #画一条直线
    oval = canvas.create_oval(x0, y0, x1, y1, fill='red')  #创建一个圆，填充色为`red`红色
    arc = canvas.create_arc(x0+30, y0+30, x1+30, y1+30, start=0, extent=180) #创建一个扇形，角度0-180
    rect = canvas.create_rectangle(100, 30, 100+20, 30+20)  #创建一个矩形 
    canvas.pack()
    
    def moveit():
        canvas.move(rect, 0, 2) #第一个参数表示选定的图形，后两个参数表示横纵坐标移动的单位
    
    b = tk.Button(window, text='move', command=moveit).pack()
    
    
    window.mainloop()

结果如下：

![Image 1][]  ![Image 1][]

除了加载的图片 ins.gif 外，有直线、圆形、扇形、正方形，每点击一次 move，正方形向下移动两个单位。

1.8 Menubar 菜单

import tkinter as tk
    
    window = tk.Tk()
    window.title('my window')
    window.geometry('200x200')
    
    l = tk.Label(window, text='', bg='yellow')
    l.pack()
    counter = 0
    def do_job():
        global counter
        l.config(text='do '+ str(counter))
        counter+=1
    
    menubar = tk.Menu(window)   #创建一个菜单栏，这里我们可以把他理解成一个容器，在窗口的上方
    filemenu = tk.Menu(menubar, tearoff=0)   #定义一个空菜单单元
    menubar.add_cascade(label='File', menu=filemenu)  #将上面定义的空菜单命名为`File`，放在菜单栏中，就是装入那个容器中
    
    #在`File`中加入`New`的小菜单，即我们平时看到的下拉菜单，每一个小菜单对应命令操作。
    #如果点击这些单元, 就会触发`do_job`的功能
    filemenu.add_command(label='New', command=do_job)
    filemenu.add_command(label='Open', command=do_job) #同样的在`File`中加入`Open`小菜单
    filemenu.add_command(label='Save', command=do_job)  #同样的在`File`中加入`Save`小菜单
    filemenu.add_separator()  #这里就是一条分割线
    filemenu.add_command(label='Exit', command=window.quit)  #同样的在`File`中加入`Exit`小菜单,此处对应命令为`window.quit`
    
    editmenu = tk.Menu(menubar, tearoff=0)
    menubar.add_cascade(label='Edit', menu=editmenu)
    editmenu.add_command(label='Cut', command=do_job)
    editmenu.add_command(label='Copy', command=do_job)
    editmenu.add_command(label='Paste', command=do_job)
    
    submenu = tk.Menu(filemenu)   #和上面定义菜单一样，不过此处实在`File`上创建一个空的菜单
    filemenu.add_cascade(label='Import', menu=submenu, underline=0)  #给放入的菜单`submenu`命名为`Import`
    submenu.add_command(label="Submenu1", command=do_job)  #这里和上面也一样，在`Import`中加入一个小菜单命令`Submenu1`
    
    window.config(menu=menubar)
    
    window.mainloop()

结果有如下显示：

![Image 1][]

1.9 Frame框架

Frame 是一个在 Windows 上分离小区域的部件, 它能将 Windows 分成不同的区,然后存放不同的其他部件. 同时一个 Frame 上也能再分成两个 Frame, Frame 可以认为是一种容器.

import tkinter as tk
    
    window = tk.Tk()
    window.title('my window')
    window.geometry('200x200')
    tk.Label(window, text='on the window').pack()   #定义一个`label`显示`on the window`
    
    frm = tk.Frame(window)  #在`window`上创建一个`frame`
    frm.pack()
    
    #在刚刚创建的`frame`上创建两个`frame`，我们可以把它理解成一个大容器里套了一个小容器，即`frm`上有两个`frame` ，`frm_l`和`frm_r`
    frm_l = tk.Frame(frm, )
    frm_r = tk.Frame(frm)
    
    #这里是控制小的`frm`部件在大的`frm`的相对位置，此处`frm_l`就是在`frm`的左边，`frm_r`在`frm`的右边
    frm_l.pack(side='left')
    frm_r.pack(side='right')
    
    #这里的三个label就是在我们创建的frame上定义的label部件，还是以容器理解，就是容器上贴了标签，来指明这个是什么，解释这个容器。
    tk.Label(frm_l, text='on the frm_l1').pack()
    tk.Label(frm_l, text='on the frm_l2').pack()
    tk.Label(frm_r, text='on the frm_r1').pack()
    
    window.mainloop()

结果如下：

![Image 1][]

1.10 messagebox 弹窗

import tkinter as tk
    import tkinter.messagebox   #不能丢
    
    window = tk.Tk()
    window.title('my window')
    window.geometry('200x200')
    
    def hit_me():
        #tk.messagebox.showinfo(title='Hi', message='hahahaha')   # return 'ok'  #提示信息对话窗
        #tk.messagebox.showwarning(title='Hi', message='nononono')   # return 'ok' #提出警告对话窗
        #tk.messagebox.showerror(title='Hi', message='No!! never')   # return 'ok'  #提出错误对话窗
        #print(tk.messagebox.askquestion(title='Hi', message='hahahaha'))   # return 'yes' , 'no' )#询问选择对话窗
        #print(tk.messagebox.askyesno(title='Hi', message='hahahaha'))   # return True, False
        #print(tk.messagebox.askretrycancel(title='Hi', message='hahahaha'))   # return True, False
        #print(tk.messagebox.askokcancel(title='Hi', message='hahahaha'))   # return True, False
        print(tk.messagebox.askyesnocancel(title="Hi", message="haha"))     # return, True, False, None
    
    tk.Button(window, text='hit me', command=hit_me).pack()
    window.mainloop()

1.11 pack grid place 放置位置

import tkinter as tk
    
    window = tk.Tk()
    window.geometry('200x200')
    
    #canvas = tk.Canvas(window, height=150, width=500)
    #canvas.grid(row=1, column=1)
    #image_file = tk.PhotoImage(file='welcome.gif')
    #image = canvas.create_image(0, 0, anchor='nw', image=image_file)
    
    #1.pack
    #tk.Label(window, text='1').pack(side='top')   #上
    #tk.Label(window, text='1').pack(side='bottom') #下
    #tk.Label(window, text='1').pack(side='left') 
    #tk.Label(window, text='1').pack(side='right')
    
    #2.grid   四行三列表格
    #for i in range(4):
        #for j in range(3):
            #tk.Label(window, text=1).grid(row=i, column=j, padx=10, pady=10)   #行、列、内部行扩展、内部列扩展
    
    #3.label   给出精确的坐标
    tk.Label(window, text=1).place(x=20, y=10, anchor='nw')  #anchor
    
    window.mainloop()

1.12 简单登陆窗口实验

import tkinter as tk
    from tkinter import messagebox  # import this to fix messagebox error
    import pickle
    
    window = tk.Tk()
    window.title('Welcome to Mofan Python')
    window.geometry('450x300')
    
    # welcome image
    canvas = tk.Canvas(window, height=200, width=500)  #创建画布
    image_file = tk.PhotoImage(file='welcome.gif')  #加载图片文件
    image = canvas.create_image(0,0, anchor='nw', image=image_file)  #将图片置于画布上
    canvas.pack(side='top')  #放置画布（为上端）
    
    # user information
    tk.Label(window, text='User name: ').place(x=50, y= 150) #创建一个`label`名为`User name: `置于坐标（50,150）
    tk.Label(window, text='Password: ').place(x=50, y= 190)
    
    var_usr_name = tk.StringVar()  #定义变量
    var_usr_name.set('example@python.com')  #变量赋值'example@python.com'
    entry_usr_name = tk.Entry(window, textvariable=var_usr_name)  #创建一个`entry`，显示为变量`var_usr_name`即图中的`example@python.com`
    entry_usr_name.place(x=160, y=150)
    var_usr_pwd = tk.StringVar()
    entry_usr_pwd = tk.Entry(window, textvariable=var_usr_pwd, show='*') #`show`这个参数将输入的密码变为`***`的形式
    entry_usr_pwd.place(x=160, y=190)
    
    def usr_login():
        #这两行代码就是获取用户输入的`usr_name`和`usr_pwd`
        usr_name = var_usr_name.get()
        usr_pwd = var_usr_pwd.get()
    
        ##这里设置异常捕获，当我们第一次访问用户信息文件时是不存在的，所以这里设置异常捕获。
        ##中间的两行就是我们的匹配，即程序将输入的信息和文件中的信息匹配。
        try:
            with open('usrs_info.pickle', 'rb') as usr_file:
                usrs_info = pickle.load(usr_file)
        except FileNotFoundError:
             ##这里就是我们在没有读取到`usr_file`的时候，程序会创建一个`usr_file`这个文件，并将管理员
             ##的用户和密码写入，即用户名为`admin`密码为`admin`。
            with open('usrs_info.pickle', 'wb') as usr_file:
                usrs_info = {'admin': 'admin'}
                pickle.dump(usrs_info, usr_file)
         #如果用户名和密码与文件中的匹配成功，则会登录成功，并跳出弹窗`how are you?`加上你的用户名。  
        if usr_name in usrs_info:
            if usr_pwd == usrs_info[usr_name]:
                tk.messagebox.showinfo(title='Welcome', message='How are you? ' + usr_name)
            else:
                #如果用户名匹配成功，而密码输入错误，则会弹出'Error, your password is wrong, try again.'
                tk.messagebox.showerror(message='Error, your password is wrong, try again.')
        else:   # 如果发现用户名不存在
            is_sign_up = tk.messagebox.askyesno('Welcome',
                                 'You have not signed up yet. Sign up today?')
             # 提示需不需要注册新用户
            if is_sign_up:
                usr_sign_up()
    
    def usr_sign_up():
        def sign_to_Mofan_Python():
    
            #以下三行就是获取我们注册时所输入的信息
            np = new_pwd.get()
            npf = new_pwd_confirm.get()
            nn = new_name.get()
            
            #这里是打开我们记录数据的文件，将注册信息读出
            with open('usrs_info.pickle', 'rb') as usr_file:
                exist_usr_info = pickle.load(usr_file)
    
            #这里就是判断，如果两次密码输入不一致，则提示`'Error', 'Password and confirm password must be the same!'`    
            if np != npf:
                tk.messagebox.showerror('Error', 'Password and confirm password must be the same!')
    
            #如果用户名已经在我们的数据文件中，则提示`'Error', 'The user has already signed up!'`
            elif nn in exist_usr_info:
                tk.messagebox.showerror('Error', 'The user has already signed up!')
    
            #最后如果输入无以上错误，则将注册输入的信息记录到文件当中，并提示注册成功`'Welcome', 'You have successfully signed up!'`
            ##然后销毁窗口。
            else:
                exist_usr_info[nn] = np
                with open('usrs_info.pickle', 'wb') as usr_file:
                    pickle.dump(exist_usr_info, usr_file)
                tk.messagebox.showinfo('Welcome', 'You have successfully signed up!')
                window_sign_up.destroy()  #然后销毁窗口。  
        window_sign_up = tk.Toplevel(window)
        window_sign_up.geometry('350x200')
        window_sign_up.title('Sign up window')
    
        new_name = tk.StringVar()  #将输入的注册名赋值给变量 
        new_name.set('example@python.com')  #将最初显示定为'example@python.com'
        tk.Label(window_sign_up, text='User name: ').place(x=10, y= 10)#将`User name:`放置在坐标（10,10）
        entry_new_name = tk.Entry(window_sign_up, textvariable=new_name)#创建一个注册名的`entry`，变量为`new_name`
        entry_new_name.place(x=150, y=10) #`entry`放置在坐标（150,10）.
    
        new_pwd = tk.StringVar()
        tk.Label(window_sign_up, text='Password: ').place(x=10, y=50)
        entry_usr_pwd = tk.Entry(window_sign_up, textvariable=new_pwd, show='*')
        entry_usr_pwd.place(x=150, y=50)
    
        new_pwd_confirm = tk.StringVar()
        tk.Label(window_sign_up, text='Confirm password: ').place(x=10, y= 90)
        entry_usr_pwd_confirm = tk.Entry(window_sign_up, textvariable=new_pwd_confirm, show='*')
        entry_usr_pwd_confirm.place(x=150, y=90)
    
        # 下面的 sign_to_Mofan_Python 我们再后面接着说
        btn_comfirm_sign_up = tk.Button(window_sign_up, text='Sign up', command=sign_to_Mofan_Python)
        btn_comfirm_sign_up.place(x=150, y=130)
    
    # login and sign up button
    btn_login = tk.Button(window, text='Login', command=usr_login) #定义一个`button`按钮，名为`Login`,触发命令为`usr_login`
    btn_login.place(x=170, y=230)
    btn_sign_up = tk.Button(window, text='Sign up', command=usr_sign_up)
    btn_sign_up.place(x=270, y=230)
    
    
    window.mainloop()

则可以完成注册、登陆，且有相应提示。

![Image 1][]

[Image 1]: