Python-Tkinter圖形化界面設計（詳細教程 ）

聲明：本篇文章爲轉載自https://www.jianshu.com/p/91844c5bca78，在原作者的基礎上添加目錄導航，旨在幫助大家以更高效率進行學習和開發。

Python-Tkinter 圖形化界面設計（詳細教程）

本文目錄

• 一、圖形化界面設計的基本理解

• 二、 窗體控件佈局

  • 2.1 根窗體呈現示例
  • 2.2 tkinter 常用控件
    • 2.2.1 控件的共同屬性
  • 2.3 控件佈局
    • 2.3.1 place() 使用方法

• 三、tkinter常見控件的特徵屬性

  • 3.1 文本輸入和輸出相關控件
    • 3.1.1 標籤（Label）和 消息（Message）
    • 3.1.2 文本框（Text）
    • 3.1.3 輸入框（Entry）
  • 3.2 按鈕(Button)
  • 3.3 單選按鈕
  • 3.4 複選框
  • 3.5 列表框 與 組合框
    • 3.5.1 列表框
    • 3.5.2 組合框
  • 3.6 滑塊)
  • 3.7 菜單
  • 3.8 子窗體
  • 3.9 模式對話框(Modal)
    • 3.9.1 交互對話框
    • 3.9.2 文件選擇對話框
    • 3.9.3 顏色選擇對話框

• 四、事件響應

• 五、背景圖片

• 六、打開攝像頭，顯示

一.圖形化界面設計的基本理解

當前流行的計算機桌面應用程序大多數爲圖形化用戶界面（Graphic User Interface,GUI）,即通過鼠標對菜單、按鈕等圖形化元素觸發指令,並從標籤、對話框等圖型化顯示容器中獲取人機對話信息。
Python自帶了tkinter 模塊，實質上是一種流行的面向對象的GUI工具包 TK 的Python編程接口，提供了快速便利地創建GUI應用程序的方法。其圖像化編程的基本步驟通常包括：

○ 導入 tkinter 模塊
○ 創建 GUI 根窗體
○ 添加人機交互控件並編寫相應的函數。
○ 在主事件循環中等待用戶觸發事件響應。

二.窗體控件佈局

 

2.1. 數據集導入

根窗體是圖像化應用程序的根控制器，是tkinter的底層控件的實例。當導入tkinter模塊後，調用 Tk()方法可初始化一個根窗體實例 root ,用 title() 方法可設置其標題文字，用geometry()方法可以設置窗體的大小（以像素爲單位）。將其置於主循環中，除非用戶關閉，否則程序始終處於運行狀態。執行該程序，一個窗體就呈現出來了。在這個主循環的根窗體中，可持續呈現中的其他可視化控件實例，監測事件的發生並執行相應的處理程序。下面是根窗體呈現示例：

from tkinter import *
root= Tk()
root.title('我的第一個Python窗體')
root.geometry('240x240') # 這裏的乘號不是 * ，而是小寫英文字母 x
root.mainloop()

 

2.2. tkinter 常用控件

返回目錄

常用控件：常用的10 多種，如下：

 

2.2.1 控件的共同屬性

返回目錄

在窗體上呈現的可視化控件，通常包括尺寸、顏色、字體、相對位置、浮雕樣式、圖標樣式和懸停光標形狀等共同屬性。不同的控件由於形狀和功能不同，又有其特徵屬性。在初始化根窗體和根窗體主循環之間，可實例化窗體控件，並設置其屬性。父容器可爲根窗體或其他容器控件實例。常見的控件共同屬性如下表：

標籤及常見屬性示例：

from  tkinter import *
root = Tk()
lb = Label(root,text='我是第一個標籤',\
        bg='#d3fbfb',\
        fg='red',\
        font=('華文新魏',32),\
        width=20,\
        height=2,\
        relief=SUNKEN)
lb.pack()
root.mainloop()

其中，標籤實例lb 在父容器root中實例化，具有代碼中所示的text（文本）、bg（背景色）、fg(前景色)、font（字體）、width（寬，默認以字符爲單位）、height（高，默認以字符爲單位）和 relief（浮雕樣式）等一系列屬性。
在實例化控件時，實例的屬性可以“屬性=屬性值”的形式枚舉列出，不區分先後次序。例如：“ text=‘我是第一個標籤’ ”顯示標籤的文本內容，“bg=’#d3fbfb’”設置背景色爲十六進制數RGB色 #d3fbfb等等。屬性值通常用文本形式表示。
當然如果這個控件實例只需要一次性呈現，也可以不必命名，直接實例化並佈局呈現出來，例如：

Label(root,text='我是第一個標籤',font='華文新魏').pack()

屬性 relief 爲控件呈現出來的3D浮雕樣式，有 FLAT(平的)、RAISED(凸起的)、SUNKEN(凹陷的)、GROOVE(溝槽狀邊緣)和 RIDGE(脊狀邊緣) 5種。

 

2.3 控件佈局

返回目錄

控件的佈局通常有pack()、grid() 和 place() 三種方法。
pack和grid請參考：https://www.jianshu.com/p/91844c5bca78

 

2.3.1 place()方法

返回目錄

根據控件實例在父容器中的絕對或相對位置參數進行佈局。其常用佈局參數如下：
x,y：控件實例在根窗體中水平和垂直方向上的其實位置（單位爲像素）。注意，根窗體左上角爲0,0,水平向右，垂直向下爲正方向。
relx,rely：控件實例在根窗體中水平和垂直方向上起始佈局的相對位置。即相對於根窗體寬和高的比例位置，取值在0.0~1.0之間。
height,width：控件實例本身的高度和寬度（單位爲像素）。
relheight,relwidth：控件實例相對於根窗體的高度和寬度比例，取值在0.0~1.0之間。

利用place()方法配合relx,rely和relheight,relwidth參數所得的到的界面可自適應根窗體尺寸的大小。place()方法與grid()方法可以混合使用。如下例子：利用place()方法排列消息（多行標籤）。

from tkinter import *
root = Tk()
root.geometry('320x240')

msg1 = Message(root,text='''我的水平起始位置相對窗體 0.2，垂直起始位置爲絕對位置 80 像素，我的高度是窗體高度的0.4，寬度是200像素''',relief=GROOVE)
msg1.place(relx=0.2,y=80,relheight=0.4,width=200)
root.mainloop()

三、tkinter常見控件的特徵屬性

 

3.1、文本輸入和輸出相關控件

文本的輸入與輸出控件通常包括：標籤（Label）、消息（Message）、輸入框（Entry）、文本框（Text）。他們除了前述共同屬性外，都具有一些特徵屬性和功能。

 

○ 3.1.1 標籤（Label）和 消息（Message）

返回目錄

除了單行與多行的不同外，屬性和用法基本一致，用於呈現文本信息。值得注意的是：屬性text通常用於實例在第一次呈現時的固定文本，而如果需要在程序執行後發生變化，則可以使用下列方法之一實現：1、用控件實例的configure()方法來改變屬性text的值，可使顯示的文本發生變化；2、先定義一個tkinter的內部類型變量var=StringVar() 的值也可以使顯示文本發生變化。
看下面的一個例子：製作一個電子時鐘，用root的after()方法每隔1秒time模塊以獲取系統當前時間，並在標籤中顯示出來。
方法一：利用configure()方法或config()來實現文本變化。

import tkinter
import time

def gettime():
      timestr = time.strftime("%H:%M:%S") # 獲取當前的時間並轉化爲字符串
      lb.configure(text=timestr)   # 重新設置標籤文本
      root.after(1000,gettime) # 每隔1s調用函數 gettime 自身獲取時間

root = tkinter.Tk()
root.title('時鐘')

lb = tkinter.Label(root,text='',fg='blue',font=("黑體",80))
lb.pack()
gettime()
root.mainloop()

方法二：利用textvariable變量屬性來實現文本變化

import tkinter
import time

def gettime():
      var.set(time.strftime("%H:%M:%S"))   # 獲取當前時間
      root.after(1000,gettime)   # 每隔1s調用函數 gettime 自身獲取時間

root = tkinter.Tk()
root.title('時鐘')
var=tkinter.StringVar()

lb = tkinter.Label(root,textvariable=var,fg='blue',font=("黑體",80))
lb.pack()
gettime()
root.mainloop()

 

○ 3.1.2 文本框（Text）

文本框的常用方法如下：

上表位置的取值可爲整數，浮點數或END（末尾），例如0.0表示第0列第0行
如下一個例子： 每隔1秒獲取一次當前日期的時間，並寫入文本框中，如下：本例中調用 datetime.now()獲取當前日期時間，用insert()方法每次從文本框txt的尾部（END）開始追加文本。

from tkinter import *
import time
import datetime

def gettime():
       s=str(datetime.datetime.now())+'\n'
       txt.insert(END,s)
       root.after(1000,gettime)  # 每隔1s調用函數 gettime 自身獲取時間

root=Tk()
root.geometry('320x240')
txt=Text(root)
txt.pack()
gettime()
root.mainloop()

○ 3.1.3 輸入框（Entry）

返回目錄

通常作爲功能比較單一的接收單行文本輸入的控件，雖然也有許多對其中文本進行操作的方法，但通常用的只有取值方法get()和用於刪除文本的delete(起始位置，終止位置)，例如：清空輸入框爲delete(0，END)。

 

3.2 按鈕(Button)

返回目錄

主要是爲響應鼠標單擊事件觸發運行程序所設的，故其除控件共有屬性外，屬性command是最爲重要的屬性。通常，將按鈕要觸發執行的程序以函數形式預先定義，然後可以用一下兩種方法調用函數。Button按鈕的狀態有：'normal','active','disabled'

○ 直接調用函數。參數表達式爲“command=函數名”，注意函數名後面不要加括號，也不能傳遞參數。如下面的command=run1：
○ 利用匿名函數調用函數和傳遞參數。參數的表達式爲“command=lambda”:函數名（參數列表）。例如下面的："command=lambda:run2(inp1.get(),inp2.get())"。

○ 看下面的例子：1.從兩個輸入框去的輸入文本後轉爲浮點數值進行加法運算，要求每次單擊按鈕產生的算是結果以文本的形式追加到文本框中，將原輸入框清空。2.按鈕方法一不傳參數調用函數run1()實現，按鈕“方法二”用lambda調用函數run2(x,y)同時傳遞參數實現。

from tkinter import *

def run1():
     a = float(inp1.get())
     b = float(inp2.get())
     s = '%0.2f+%0.2f=%0.2f\n' % (a, b, a + b)
     txt.insert(END, s)   # 追加顯示運算結果
     inp1.delete(0, END)  # 清空輸入
     inp2.delete(0, END)  # 清空輸入

def run2(x, y):
     a = float(x)
     b = float(y)
     s = '%0.2f+%0.2f=%0.2f\n' % (a, b, a + b)
     txt.insert(END, s)   # 追加顯示運算結果
     inp1.delete(0, END)  # 清空輸入
     inp2.delete(0, END)  # 清空輸入

root = Tk()
root.geometry('460x240')
root.title('簡單加法器')

lb1 = Label(root, text='請輸入兩個數，按下面兩個按鈕之一進行加法計算')
lb1.place(relx=0.1, rely=0.1, relwidth=0.8, relheight=0.1)
inp1 = Entry(root)
inp1.place(relx=0.1, rely=0.2, relwidth=0.3, relheight=0.1)
inp2 = Entry(root)
inp2.place(relx=0.6, rely=0.2, relwidth=0.3, relheight=0.1)

# 方法-直接調用 run1()
btn1 = Button(root, text='方法一', command=run1)
btn1.place(relx=0.1, rely=0.4, relwidth=0.3, relheight=0.1)

# 方法二利用 lambda 傳參數調用run2()
btn2 = Button(root, text='方法二', command=lambda: run2(inp1.get(), inp2.get()))
btn2.place(relx=0.6, rely=0.4, relwidth=0.3, relheight=0.1)

# 在窗體垂直自上而下位置60%處起，佈局相對窗體高度40%高的文本框
txt = Text(root)
txt.place(rely=0.6, relheight=0.4)

root.mainloop()

3.3 單選按鈕

返回目錄

(Radiobutton)是爲了響應故鄉排斥的若干單選項的單擊事件以觸發運行自定義函數所設的，該控件排除具有共有屬性外，還具有顯示文本（text）、返回變量（variable）、返回值（value）、響應函數名（command）等重要屬性。響應函數名“command=函數名”的用法與Button相同，函數名最後也要加括號。返回變量variable=var通常應預先聲明變量的類型var=IntVar()或var=StringVar(),在所調用的函數中方可用var.get()方法獲取被選中實例的value值。例如下面：

from tkinter import *
def Mysel():
      dic = {0:'甲',1:'乙',2:'丙'}
      s = "您選了" + dic.get(var.get()) + "項"
      lb.config(text = s)

root = Tk()
root.title('單選按鈕')
lb = Label(root)
lb.pack()

var = IntVar()
rd1 = Radiobutton(root,text="甲",variable=var,value=0,command=Mysel)
rd1.pack()

rd2 = Radiobutton(root,text="乙",variable=var,value=1,command=Mysel)
rd2.pack()

rd3 = Radiobutton(root,text="丙",variable=var,value=2,command=Mysel)
rd3.pack()

root.mainloop()

3.4 複選框

返回目錄

(Checkbutton) 是爲了返回多個選項值的交互控件，通常不直接觸發函數的執行。該控件除具有共有屬性外，還具有顯示文本（text）、返回變量（variable）、選中返回值（onvalue）和未選中默認返回值（offvalue）等重要屬性。返回變量variable=var 通常可以預先逐項分別聲明變量的類型var=IntVar() (默認)或 var=StringVar(), 在所調用的函數中方可分別調用 var.get()方法 取得被選中實例的 onvalue或offvalue值。複選框實例通常還可分別利用 select()、deselect()和 toggle() 方法對其進行選中、清除選中和反選操作。

○ 如下的例子： 利用複選框實現，單擊OK，可以將選中的結果顯示在標籤上。效果如下：

○ 方法：利用函數中的 if-else 分支實現多項顯示

from tkinter import *
import tkinter

def run():
     if(CheckVar1.get()==0 and CheckVar2.get()==0 and CheckVar3.get()==0 and CheckVar4.get()==0):
         s = '您還沒選擇任何愛好項目'
     else:
         s1 = "足球" if CheckVar1.get()==1 else ""
         s2 = "籃球" if CheckVar2.get() == 1 else ""
         s3 = "游泳" if CheckVar3.get() == 1 else ""
         s4 = "田徑" if CheckVar4.get() == 1 else ""
         s = "您選擇了%s %s %s %s" % (s1,s2,s3,s4)
     lb2.config(text=s)

root = tkinter.Tk()
root.title('複選框')
lb1=Label(root,text='請選擇您的愛好項目')
lb1.pack()

CheckVar1 = IntVar()
CheckVar2 = IntVar()
CheckVar3 = IntVar()
CheckVar4 = IntVar()

ch1 = Checkbutton(root,text='足球',variable = CheckVar1,onvalue=1,offvalue=0)
ch2 = Checkbutton(root,text='籃球',variable = CheckVar2,onvalue=1,offvalue=0)
ch3 = Checkbutton(root,text='游泳',variable = CheckVar3,onvalue=1,offvalue=0)
ch4 = Checkbutton(root,text='田徑',variable = CheckVar4,onvalue=1,offvalue=0)

ch1.pack()
ch2.pack()
ch3.pack()
ch4.pack()

btn = Button(root,text="OK",command=run)
btn.pack()

lb2 = Label(root,text='')
lb2.pack()
root.mainloop()

3.5 列表框 與 組合框

 

3.5.1 列表框

返回目錄

(Listbox) 可供用戶單選或多選所列條目以形成人機交互。列表框控件的主要方法見下面的表：

執行自定義函數時，通常使用“實例名.surselection()” 或 “selected” 來獲取選中項的位置索引。由於列表框實質上就是將Python 的列表類型數據可視化呈現，在程序實現時，也可直接對相關列表數據進行操作，然後再通過列表框展示出來，而不必拘泥於可視化控件的方法。看下面的一個例子：實現列表框的初始化、添加、插入、修改、刪除和清空操作，如下：

from tkinter import *
def ini():
      Lstbox1.delete(0,END)
      list_items = ["數學","物理","化學","語文","外語"]
      for item in list_items:
           Lstbox1.insert(END,item)

def clear():
      Lstbox1.delete(0,END)

def ins():
      if entry.get() != '':
          if Lstbox1.curselection() == ():
              Lstbox1.insert(Lstbox1.size(),entry.get())
          else:
              Lstbox1.insert(Lstbox1.curselection(),entry.get())

def updt():
      if entry.get() != '' and Lstbox1.curselection() != ():
           selected=Lstbox1.curselection()[0]
           Lstbox1.delete(selected)
           Lstbox1.insert(selected,entry.get())

def delt():
      if Lstbox1.curselection() != ():
           Lstbox1.delete(Lstbox1.curselection())

root = Tk()
root.title('列表框實驗')
root.geometry('320x240')

frame1 = Frame(root,relief=RAISED)
frame1.place(relx=0.0)

frame2 = Frame(root,relief=GROOVE)
frame2.place(relx=0.5)

Lstbox1 = Listbox(frame1)
Lstbox1.pack()

entry = Entry(frame2)
entry.pack()

btn1 = Button(frame2,text='初始化',command=ini)
btn1.pack(fill=X)

btn2 = Button(frame2,text='添加',command=ins)
btn2.pack(fill=X)

btn3 = Button(frame2,text='插入',command=ins) # 添加和插入功能實質上是一樣的
btn3.pack(fill=X)

btn4 = Button(frame2,text='修改',command=updt)
btn4.pack(fill=X)

btn5 = Button(frame2,text='刪除',command=delt)
btn5.pack(fill=X)

btn6 = Button(frame2,text='清空',command=clear)
btn6.pack(fill=X)

root.mainloop()

 

 

3.5.2 組合框

返回目錄

(Combobox) 實質上是帶文本框的上拉列表框，其功能也將是Python 的列表類型數據可視化呈現，並提供用戶單選或多選所列條目以形成人機交互。在圖形化界面設計時，由於其具有靈活的界面，因此往往比列表框更受喜愛。但該控件並不包含在 tkinter 模塊中，而是與 TreeView、Progressbar、Separator等控件一同包含在tkinter 的子模塊ttk中。如果使用該控件，應先與from tkinter import ttk 語句引用ttk子模塊，然後創建組合框實例： 實例名=Combobox(根對象,[屬性列表])
指定變量var=StringVar(),並設置實例屬性 textvariable = var,values=[列表…]。組合框控件常用方法有：獲得所選中的選項值get()和獲得所選中的選項索引current()。
看下面的一個例子：實現四則運算計算器，將兩個操作數分別填入兩個文本框後，通過選擇組合框中的算法觸發運算，如下：

from tkinter.ttk import *

def calc(event):
       a = float(t1.get())
       b = float(t2.get())
       dic = {0:a+b,1:a-b,2:a*b,3:a/b}
       c = dic[comb.current()]
       lbl.config(text=str(c))

root = Tk()
root.title('四則運算')
root.geometry('320x240')

t1 = Entry(root)
t1.place(relx=0.1,rely=0.1,relwidth=0.2,relheight=0.1)

t2 = Entry(root)
t2.place(relx=0.5,rely=0.1,relwidth=0.2,relheight=0.1)

var = StringVar()

comb = Combobox(root,textvariable=var,values=['加','減','乘','除',])
comb.place(relx=0.1,rely=0.5,relwidth=0.2)
comb.bind('<<ComboboxSelected>>',calc)

lbl=Label(root,text='結果')
lbl.place(relx=0.5,rely=0.7,relwidth=0.2,relheight=0.3)

root.mainloop()

3.6 滑塊

返回目錄

(Scale) 是一種 直觀地進行數值輸入的交互控件，其主要屬性見下表：

滑塊控件實例的主要方法比較簡單，有 get()和set(值)，分別爲取值和將滑塊設在某特定值上。滑塊實例也可綁定鼠標左鍵釋放事件<ButtoonRelease-1>,並在執行函數中添加參數event來實現事件響應。
例如：在一個窗體上設計一個200像素寬的水平滑塊，取值範圍爲1.0~5.0，分辨精度爲0.05，刻度間隔爲 1，用鼠標拖動滑塊後釋放鼠標可讀取滑塊值並顯示在標籤上。效果如下：

from tkinter  import  *

def show(event):
      s = '滑塊的取值爲' + str(var.get())
      lb.config(text=s)

root = Tk()
root.title('滑塊實驗')
root.geometry('320x180')
var=DoubleVar()
scl = Scale(root,orient=HORIZONTAL,length=200,from_=1.0,to=5.0,label='請拖動滑塊',tickinterval=1,resolution=0.05,variable=var)
scl.bind('<ButtonRelease-1>',show)
scl.pack()

lb = Label(root,text='')
lb.pack()

root.mainloop()

3.7 菜單

返回目錄

(Menu)用於可視化地爲一系列的命令分組，從而方便用戶找到和觸發執行這些命令。這裏Menu所實例化別的主要是菜單，其通式爲：

菜單實例名=Menu(根窗體)
菜單分組1=Menu(菜單實例名)
菜單實例名.add_cascade(<label=菜單分組1 顯示文本>,<menu=菜單分組1>)
菜單分組1.add_command(<label=命令1文本>,<command=命令1函數名>)

• 1
• 2
• 3
• 4

其中較爲常見的方法有：add_cascade()、add_command()和add_separator()，分別用於添加一個菜單分組、添加一條菜單命令和添加一條分割線。
利用Menu控件也可以創建快捷菜單（又稱爲上下文菜單）。通常需要右擊彈出的控件實例綁定鼠標右擊響應事件,並指向一個捕獲event參數的自定義函數，在該自定義函數中，將鼠標的觸發位置event.x_root 和 event.y_root以post()方法傳給菜單。
例子: 仿照window自帶的“記事本”中的文件和編輯 菜單，實現在主菜單個快捷菜單上觸發菜單命令，並相應改變窗體上的標籤的文本內容。效果如下：

from tkinter import *

def new():
     s = '新建'
     lb1.config(text=s)

def ope():
     s = '打開'
     lb1.config(text=s)

def sav():
     s = '保存'
     lb1.config(text=s)

def cut():
     s = '剪切'
     lb1.config(text=s)

def cop():
     s = '複製'
     lb1.config(text=s)

def pas():
     s = '粘貼'
     lb1.config(text=s)

def popupmenu(event):
     mainmenu.post(event.x_root,event.y_root)

root = Tk()
root.title('菜單實驗')
root.geometry('320x240')

lb1 = Label(root,text='顯示信息',font=('黑體',32,'bold'))
lb1.place(relx=0.2,rely=0.2)

mainmenu = Menu(root)
menuFile = Menu(mainmenu)  # 菜單分組 menuFile
mainmenu.add_cascade(label="文件",menu=menuFile)
menuFile.add_command(label="新建",command=new)
menuFile.add_command(label="打開",command=ope)
menuFile.add_command(label="保存",command=sav)
menuFile.add_separator()  # 分割線
menuFile.add_command(label="退出",command=root.destroy)

menuEdit = Menu(mainmenu)  # 菜單分組 menuEdit
mainmenu.add_cascade(label="編輯",menu=menuEdit)
menuEdit.add_command(label="剪切",command=cut)
menuEdit.add_command(label="複製",command=cop())
menuEdit.add_command(label="粘貼",command=pas())

root.config(menu=mainmenu)
root.bind('Button-3',popupmenu) # 根窗體綁定鼠標右擊響應事件
root.mainloop()

 

3.8 子窗體

返回目錄

用Toplevel可新建一個顯示在最前面的子窗體，其通式爲： 字體實例名=Toplevel(根窗體)，子窗體與根窗體類似，也可設置title、geomerty等屬性，並在畫布上佈局其他控件。如下的例子：在根窗體上創建菜單，觸發創建一個新的窗體

from tkinter import *

def newwind():
      winNew = Toplevel(root)
      winNew.geometry('320x240')
      winNew.title('新窗體')
      lb2 = Label(winNew,text='我在新窗體上')
      lb2.place(relx=0.2,rely=0.2)
      btClose=Button(winNew,text='關閉',command=winNew.destroy)
      btClose.place(relx=0.7,rely=0.5)

root = Tk()
root.title('新建窗體實驗')
root.geometry('320x240')

lb1 = Label(root,text='主窗體',font=('黑體',32,'bold'))
lb1.place(relx=0.2,rely=0.2)

mainmenu = Menu(root)
menuFile = Menu(mainmenu)
mainmenu.add_cascade(label='菜單',menu=menuFile)
menuFile.add_command(label='新窗體',command=newwind)
menuFile.add_separator()
menuFile.add_command(label='退出',command=root.destroy)

root.config(menu=mainmenu)
root.mainloop()

 

關閉窗體程序運行的方法通常用 destory(),而不建議用 quit()。用Toplevel 所創建的子窗體是非模式（Modeless）的窗體，雖然初建時子窗體在最前面，但根窗體上的控件實例也是可以被操作的。

 

3.9 模式對話框(Modal)

返回目錄

是相對於前面介紹的非模式窗體而言的，所彈出的對話框必須應答，在關閉之前無法操作其後面的其他窗體。常見的模式對話框有消息對話框、輸入對話框、文件選擇對話框、顏色選擇對話框等。

 

3.9.1 交互對話框

返回目錄

(一)、消息對話框: 引用 tkinter.messagebox 包，可使用消息對話框函數。執行這些函數，可彈出模式消息對話框，並根據用戶的響應但會一個布爾值。其通式爲：

消息對話框函數(<title=標題文本>,<message=消息文本>,[其他參數])

看下面的例子：單擊按鈕，彈出確認取消對話框，並將用戶回答顯示在標籤中。效果如下：

from tkinter import *
import tkinter.messagebox

def xz():
    answer=tkinter.messagebox.askokcancel('請選擇','請選擇確定或取消')
    if answer:
        lb.config(text='已確認')
    else:
        lb.config(text='已取消')

root = Tk()

lb = Label(root,text='')
lb.pack()
btn=Button(root,text='彈出對話框',command=xz)
btn.pack()
root.mainloop()

(二)、輸入對話框: 引用tkinter.simpledialog包，可彈出輸入對話框，用以接收用戶的簡單輸入。輸入對話框常用 askstring()、askfloat()和askfloat() 三種函數，分別用於接收字符串、整數和浮點數類型的輸入。
如下面的例子：單擊按鈕，彈出輸入對話框，接收文本輸入顯示在窗體的標籤上。如下：

from tkinter.simpledialog import *

def xz():
    s=askstring('請輸入','請輸入一串文字')
    lb.config(text=s)

root = Tk()

lb = Label(root,text='')
lb.pack()
btn=Button(root,text='彈出輸入對話框',command=xz)
btn.pack()
root.mainloop()

 

3.9.2 文件選擇對話框

返回目錄

引用tkinter.filedialog包，可彈出文件選擇對話框，讓用戶直觀地選擇一個或一組文件，以供進一步的文件操作。常用的文件選擇對話框函數有 askopenfilename()、askopenfilenames()和asksaveasfilename(),分別用於進一步打開一個文件、一組文件和保存文件。其中，askopenfilename()和asksaveasfilenamme()函數的返回值類型爲包含文件路徑的文件名字符串，而askopenfilenames()函數的返回值類型爲元組。
例如：單擊按鈕，彈出文件選擇對話框（“打開”對話框），並將用戶所選擇的文件路徑和文件名顯示在窗體的標籤上。如下

from tkinter import *
import tkinter.filedialog

def xz():
    filename=tkinter.filedialog.askopenfilename()
    if filename != '':
         lb.config(text='您選擇的文件是'+filename)
    else:
         lb.config(text='您沒有選擇任何文件')

root = Tk()

lb = Label(root,text='')
lb.pack()
btn=Button(root,text='彈出文件選擇對話框',command=xz)
btn.pack()
root.mainloop()

3.9.3、顏色選擇對話框

返回目錄

引用tkinter.colorchooser包，可使用 askcolor()函數彈出模式顏色選擇對話框，讓用戶可以個性化地設置顏色屬性。該函數的返回形式爲包含RGB十進制浮點元組和RGB十六進制字符串的元組類型，例如：“((135.527343.52734375,167.65234375,186.7265625)),’#87a7ba’”。通常，可將其轉換爲字符串類型後，再截取以十六進制數表示的RGB顏色字符串用於爲屬性賦值。
舉例：單擊按鈕，彈出顏色選擇對話框，並將用戶所選擇的顏色設置爲窗體上標籤的背景顏色，如下：

from tkinter import *
import tkinter.colorchooser

def xz():
    color=tkinter.colorchooser.askcolor()
    colorstr=str(color)
    print('打印字符串%s 切掉後=%s' % (colorstr,colorstr[-9:-2]))
    lb.config(text=colorstr[-9:-2],background=colorstr[-9:-2])

root = Tk()

lb = Label(root,text='請關注顏色的變化')
lb.pack()
btn=Button(root,text='彈出顏色選擇對話框',command=xz)
btn.pack()
root.mainloop()

四、事件響應

返回目錄

用tkinter 可將用戶事件與自定義函數綁定，用鍵盤或鼠標的動作事件來響應觸發自定義函數的執行。其通式爲：

控件實例.bind(<事件代碼>,<函數名>)

• 1

其中，事件代碼通常以半角小於號“<”和大於號“>” 界定，包括事件和按鍵等 2~3個部分，它們之間用減號分隔，常見事件代碼見下表：

例如,將框架控件實例frame 綁定鼠標右鍵單擊事件,調用自定義函數 myfunc()可表示爲"frame.bind(’’,myfunc)",注意: myfunc後面沒有括號。將控件實例綁定到鍵盤事件和部分光標不落在具體控件實例上的鼠標事件時，還需要設置該實例執行focus_set() 方法獲得焦點，才能對事件持續響應。例如： frame.focus_set()。所調用的自定義函數若需要利用鼠標或鍵盤的響應值，可將event作爲參數，通過event的屬性獲取。event的屬性見下表：

from tkinter import *

def show(event):
s=event.keysym
lb.config(text=s)

root=Tk()
root.title('按鍵實驗')
root.geometry('200x200')
lb=Label(root,text='請按鍵',font=('黑體',48))
lb.bind('<Key>',show)
lb.focus_set()
lb.pack()
root.mainloop()

補充：

五、背景圖片

1、添加背景

返回目錄

#插入文件圖片
import tkinter as tk

root = tk.Tk()

#創建一個標籤類, [justify]:對齊方式
textLabel = tk.Label(root,text="你在右邊會看到一個圖片，\n我在換個行",
justify = tk.LEFT)#左對齊
textLabel.pack(side=tk.LEFT)#自動對齊,side：方位

 

#創建一個圖片管理類
photo = tk.PhotoImage(file="18.png")#file：t圖片路徑
imgLabel = tk.Label(root,image=photo)#把圖片整合到標籤類中
imgLabel.pack(side=tk.RIGHT)#自動對齊


tk.mainloop()

返回目錄

import tkinter as tk

root = tk.Tk()


#增加背景圖片
photo = tk.PhotoImage(file="背景.png")
theLabel = tk.Label(root,
　　　　　　　　　text="我是內容,\n請你閱讀",#內容
　　　　　　　　　justify=tk.LEFT,#對齊方式
　　　　　　　　　image=photo,#加入圖片
　　　　　　　　　compound = tk.CENTER,#關鍵:設置爲背景圖片
　　　　　　　　　font=("華文行楷",20),#字體和字號
　　　　　　　　　fg = "white")#前景色
theLabel.pack()

 

tk.mainloop()

返回目錄

#插入文件圖片
import tkinter as tk

root = tk.Tk()

frame1 = tk.Frame(root)#這是上面的框架
frame2 = tk.Frame(root)#這是下面的框架


var = tk.StringVar()#儲存文字的類
var.set("你在右邊會看到一個圖片，\n我在換個行")#設置文字

#創建一個標籤類, [justify]:對齊方式，[frame]所屬框架
textLabel = tk.Label(frame1,textvariable=var,
　　　　　　　　　justify = tk.LEFT)#顯示文字內容 
textLabel.pack(side=tk.LEFT)#自動對齊,side：方位

 

#創建一個圖片管理類
photo = tk.PhotoImage(file="18.png")#file：t圖片路徑
imgLabel = tk.Label(frame1,image=photo)#把圖片整合到標籤類中
imgLabel.pack(side=tk.RIGHT)#自動對齊


def callback():#觸發的函數
　　var.set("你還真按了")#設置文字

#[frame]所屬框架 ，text 文字內容 command：觸發方法
theButton = tk.Button(frame2,text="我是下面的按鈕",command=callback)
theButton.pack()#自動對齊

 

frame1.pack(padx=10,pady=10)#上框架對齊
frame2.pack(padx=10,pady=10)#下框架對齊

tk.mainloop()

返回目錄

六、打開攝像頭，顯示

效果：

代碼：

  from tkinter import *
    import cv2
    from PIL import Image,ImageTk
    
    
    def take_snapshot():
        print("有人給你點贊啦！")
    
    def video_loop():
        success, img = camera.read()  # 從攝像頭讀取照片
        if success:
            cv2.waitKey(100)
            cv2image = cv2.cvtColor(img, cv2.COLOR_BGR2RGBA)#轉換顏色從BGR到RGBA
            current_image = Image.fromarray(cv2image)#將圖像轉換成Image對象
            imgtk = ImageTk.PhotoImage(image=current_image)
            panel.imgtk1 = imgtk
            panel.config(image=imgtk)
            root.after(1, video_loop)
    
    camera = cv2.VideoCapture(0)    #攝像頭
    
    root = Tk()
    root.title("opencv + tkinter")
    #root.protocol('WM_DELETE_WINDOW', detector)
    
    
    panel = Label(root)  # initialize image panel
    panel.pack(padx=10, pady=10)
    # root.config(cursor="arrow")
    btn = Button(root, text="點贊!", command=take_snapshot)
    btn.pack(fill="both", expand=True, padx=10, pady=10)
    
    video_loop()
    
    root.mainloop()
    # 當一切都完成後，關閉攝像頭並釋放所佔資源
    camera.release()
    cv2.destroyAllWindows()