GUI英文全稱是Graphical User Interface,中文爲圖形用戶接口。git
tkinter是一個開放源碼的圖形接口開發工具,在安裝Python時,就已經同時安裝此模塊了,在使用前只須要導入便可。express
import tkinter print(tkinter.TkVersion)
8.6
from tkinter import * root = Tk() root.mainloop()
一般將使用Tk()方法創建的窗口稱爲根窗口,默認名稱是tk,以後能夠在此根窗口中創建許多控件,也能夠在此根窗口中創建上層窗口。mainloop()方法讓程序繼續執行,同時進入等待與處理窗口事件,單擊窗口的"關閉"按鈕,此程序纔會結束。框架
與窗口相關的方法:ide
方法 | 說明 |
title() | 能夠設置窗口的標題 |
geometry("widthxheight+x+y") | 設置窗口寬width與高height,單位是像素,設定窗口位置 |
maxsize(width,height) | 拖曳時窗口最大的寬和高 |
minsize(width,height) | 拖曳時窗口最小的寬和高 |
configure(bg="color") | 設置窗口的背景顏色 |
resizable(True,Ture) | 可設置是否可更改窗口大小,第一個參數是寬,第二個參數是高,若是要固定窗口寬與高,可使用resizable(0,0) |
state("zoomed") | 最大化窗口 |
iconify() | 最小化窗口 |
iconbitmap("xx.ico") | 更改默認窗口圖標 |
root = Tk() root.title("MyWindow") root.geometry("300x160+400+200") root.configure(bg="#33ff33") root.iconbitmap("mystar.ico") root.mainloop()
geometry中width和height用x分隔,表示窗口的寬和高,+x是窗口左邊距離屏幕左邊的距離,若是是-x則是表示窗口右邊距離屏幕右邊的距離,同理,+y或-y表示窗口上邊(下邊)距離屏幕上邊(下邊)的距離。函數
在tkinter模塊中可使用下列方法得到屏幕的寬度和高度:工具
下面的程序將窗口顯示在屏幕中央。oop
root = Tk() screenWidth = root.winfo_screenwidth() screenHeight = root.winfo_screenheight() w = 300 h = 160 x = (screenWidth - w) / 2 y = (screenHeight -h) / 2 root.geometry("%dx%d+%d+%d" % (w,h,x,y)) root.mainloop()
Widget能夠翻譯爲控件或組件或部件。窗口創建完成後,下一步就是在窗口內創建控件。學習
控件開發工具
增強版模塊tkinter.ttk中新增的Widget:字體
Widget的共同屬性:
Widget的共同方法:
Label()方法用於在窗口內創建文字或圖像標籤。
Label(父對象,options,…)
經常使用options參數:
Widget的共同屬性。
bg、fg設置背景、前景色。
width、height的單位是字符。
root = Tk() root.title("Ex") root.geometry("200x80") label = Label(root, text = "I like tkinter", \ bg = "#EF72AA", fg = "white", \ height = 3, width = 20) label.pack() #包裝與定位組件 root.mainloop()
Widget的共同屬性。
Anchor是指標籤文字在標籤區域的輸出位置。
好比nw效果以下:
anchor的參數設置也可使用NW、N、NE、W等大寫常數,同時省略字符串的雙引號。
wraplength = 35
效果以下:
Widget的共同屬性。
用於設置文字字形。
root = Tk() root.title("Ex") label = Label(root, text = "I like tkinter", \ bg = "#EF72AA", fg = "white", \ height = 3, width = 20, \ font = "Helnetic 20 bold italic") # font = ("Helnetic", 20, "bold", "italic")) label.pack() #包裝與定位組件 root.mainloop()
height和width都是字號聯動的。
justify = "right"
Widget的共同屬性。
在標籤位置放置內建位圖。
error、hourglass、info、questhead、question、warning、gray十二、gray2五、gray50、gray75
label = Label(root, bitmap = "question")
圖像與文字共存時,使用此參數定義文字與圖像的位置關係。
label = Label(root, bitmap = "question", text = "Question", \
compound = "left")
Widget的共同屬性。
用於創建Widget的邊框。
label = Label(root, text = "raised", \
relief = "raised")
padx用於設置標籤文字左右邊界與標籤區間的x軸間距,pady用於設置文字上下邊界與標籤取件單y軸間距。
與width和height做用類似,能夠互相替代。
root.geometry("300x100")
label = Label(root, text = "raised", \
bg = "lightyellow", relief = "raised", \
padx = 5, pady = 10)
圖片能夠應用在許多地方,例如標籤、功能按鈕、選項按鈕文字區域等。在使用前可使用PhotoImage()方法創建圖像對象,而後再將此對象應用在其餘窗口組件上。
imageobj = PhotoImage(file = "xxx.gif")
png也可。
image_obj = PhotoImage(file = "mystar.png")
label = Label(root, image = image_obj)
jpg沒法直接解析:
須要藉助PIL模塊。
from tkinter import * from PIL import Image, ImageTk root = Tk() root.title("Ex") image_obj = Image.open("scenery.jpg") jpg_obj = ImageTk.PhotoImage(image_obj) label = Label(root, image = jpg_obj) label.pack() #包裝與定位組件 root.mainloop()
注意:bitmap和image不能共存。
Widget的共同屬性。
表示光標形狀,實際形狀可能會因操做系統不一樣而有所差別。
Widget的共同方法。
能夠以列表的形式傳回Widget的全部參數。
root = Tk() root.title("Ex") label = Label(root, text = "tkinter") label.pack() print(label.keys())
['activebackground', 'activeforeground', 'anchor', 'background', 'bd', 'bg', 'bitmap', 'borderwidth', 'compound', 'cursor', 'disabledforeground', 'fg', 'font', 'foreground', 'height', 'highlightbackground', 'highlightcolor', 'highlightthickness', 'image', 'justify', 'padx', 'pady', 'relief', 'state', 'takefocus', 'text', 'textvariable', 'underline', 'width', 'wraplength']
Widget的共同方法。
Widget控件在創建時能夠直接設置對象屬性,如果部分屬性未創建,將來在程序執行時可使用config()方法創建或更改屬性。此方法內屬性設置的參數用法與創建時相同。
計數器:
from tkinter import * counter = 0 def run_counter(digit): def counting(): global counter counter += 1 digit.config(text=str(counter)) digit.after(1000,counting) counting() root = Tk() root.title("Ex") digit = Label(root, bg = "yellow", \ height = 3, width = 10, \ font = "Helvetic 20 bold") digit.pack() run_counter(digit) root.mainloop()
用於添加分隔線。
Separator(父對象,options)
options爲HORIZONTAL表示創建水平分隔線,VERTICAL表示創建垂直分隔線。
from tkinter import * from tkinter.ttk import Separator root = Tk() root.title("Ex") myTitle = "我喜歡Tkinter" myContent = """今天,我開始學習Tkinter。 Tkinter 是 Python 的標準 GUI 庫, Python 使用 Tkinter 能夠快速的建立 GUI 應用程序。""" label1 = Label(root, text = myTitle, font = "Helvetic 20 bold") label1.pack(padx = 10, pady = 10) sep = Separator(root, orient = HORIZONTAL) sep.pack(fill = X, padx = 5) label2 = Label(root, text = myContent) label2.pack(padx = 10, pady = 10) root.mainloop()
Widget Layout Manager用於將多個Widget控件配置到容器或窗口內,有3中方法:
最經常使用的控件配置管理員,使用相對位置類處理控件,至於控件的正確位置則是由pack方法自動完成的。
pack(options,…)
-after, -anchor, -before, -expand, -fill, -in, -ipadx, -ipady, -padx, -pady, -side
用於水平或垂直配置控件。
root = Tk() root.title("Ex") label1 = Label(root, text = "哈爾濱工業大學", \ bg = "lightyellow", width = 30) label2 = Label(root, text = "哈爾濱工程大學", \ bg = "lightgreen", width = 15) label3 = Label(root, text = "東北林業大學", \ bg = "lightblue", width = 15) label1.pack(side = BOTTOM) label2.pack(side = RIGHT) label3.pack(side = LEFT) root.mainloop()
列出全部的relief屬性:
root = Tk() root.title("Ex") Reliefs = ["flat", "groove", "raised" ,"ridge", "solid", "sunken"] for Relief in Reliefs: Label(root, text = Relief, relief = Relief, \ fg="darkgreen", font = "Times 20 bold").pack(side = LEFT, padx = 5) root.mainloop()
列出全部的位圖:
root = Tk() root.title("Ex") bitMaps = ["error", "hourglass", "info", "questhead", "question", \ "warning", "gray12", "gray25", "gray50", "gray75"] for bitMap in bitMaps: Label(root, bitmap = bitMap).pack(side = LEFT, padx = 5) root.mainloop()
設定控件邊界與容器或其餘控件邊界之間的距離。默認爲1。
控制文字與標籤容器的x/y軸間距。
設定Widget控件在窗口中的位置
root = Tk() root.title("Ex") root.geometry("300x180") label1 = Label(root, text = "Next", \ font = "Times 15 bold", fg = "white", bg = "blue") label2 = Label(root, text = "Previous", \ font = "Times 15 bold", fg = "white", bg = "red") label1.pack(anchor = S, side = RIGHT, \ padx = 10, pady = 10) label2.pack(anchor = S, side = RIGHT, \ padx = 10, pady = 10) root.mainloop()
設置控件填滿所分配容器的方式。
若是所分配容器區間已經滿了,則使用fill參數不會有任何做用。
root = Tk() root.title("Ex") label1 = Label(root, text = "哈爾濱工業大學", \ bg = "lightyellow") label2 = Label(root, text = "哈爾濱工程大學", \ bg = "lightgreen") label3 = Label(root, text = "東北林業大學", \ bg = "lightblue") label1.pack(side = LEFT, fill = Y) label2.pack() label3.pack(fill = X) root.mainloop()
設定Widget控件是否填滿額外的父容器界面,默認爲False。
label2.pack(fill = BOTH, expand = True)
pack其實在tkinter中也是一個類別,有如下方法可供使用:
print(root.pack_slaves())
[<tkinter.Label object .!label>, <tkinter.Label object .!label2>, <tkinter.Label object .!label3>]
這是一種以格狀或者相似Excel表格方式包裝和定位窗口組件的方法。
grid(opions,…)
-column, -columnspan, -in, -ipadx, -ipady, -padx, -pady, -row, -rowspan, -sticky
label1.grid(row = 0, column = 0)
label2.grid(row = 1, column = 2)
label3.grid(row = 2, column = 1)
能夠設定row或column方向的合併數量。
與pack方法中的參數相同。
相似於anchor,只能設定N/S/W/E,即上/下/左/右對齊,但能夠組合使用。
用於設定某行或列在窗口縮放大小時的縮放比例。
rowconfigure(0, weight = 1) #row 0 的控件在窗口改變大小時縮放比是1
columnconfigure(0, weight = 1) #column 0 的控件在窗口改變大小時縮放比是1
root = Tk() root.title("Ex") root.rowconfigure(0,weight=1) root.columnconfigure(1,weight=1) label1 = Label(root, text = "哈爾濱工業大學", \ bg = "lightyellow") label2 = Label(root, text = "哈爾濱工程大學", \ bg = "lightgreen") label3 = Label(root, text = "東北林業大學", \ bg = "lightblue") label1.grid(row = 0, column = 0, sticky = N+S) label2.grid(row = 1, column = 0) label3.grid(row = 1, column = 1, sticky = W+E) root.mainloop()
創建色彩標籤:
root = Tk() root.title("Ex") Colors = ["red", "orange", "yellow", "green","cyan", "blue", "purple"] r = 0 for color in Colors: Label(root, text = color, relief = "groove", width = 20).grid(row = r, column = 0) Label(root, bg = color, relief = "ridge", width = 20).grid(row = r,column = 1) r += 1 root.mainloop()
使用直接指定方式將Widget控件放在容器中的方法。
place(options,…)
直接設定控件左上角位置,單位是像素。
窗口區左上角是(x=0,y=0),x向右遞增,y向下遞增。
在插入圖片的同時設定圖片的大小。
from PIL import Image, ImageTk root = Tk() #root=Toplevel() root.title("Ex") root.geometry("520x520") flower = ImageTk.PhotoImage(Image.open("flower.jpg")) scenery = ImageTk.PhotoImage(Image.open("scenery.jpg")) p1 = Label(root, image = flower) p2 = Label(root, image = scenery) p1.place(x=20, y=20, width = 200, height = 200) p2.place(x=240, y=240, width = 260, height = 260) root.mainloop()
relx/rely用於設置相對於父容器的位置,relwidth/relheight用於設置相對於父容器的大小,取值爲0~1.0。
在窗口組件中能夠設計在單擊功能按鈕時,執行某一個特定的動做,這個動做也稱爲callback方法。
Button(父對象,options,…)
經常使用的options參數:
def msgShow(): label["text"] = "I love tkinter." label["bg"] = "lightyellow" label["fb"] = "blue" label.config(text = "I love tkinter.", bg = "lightyellow", fg = "blue") root = Tk() root.title("Ex") label = Label(root) btn1 = Button(root, text = "Show Message", width = 15, command = msgShow) btn2 = Button(root, text = "Exit", width = 15, command = root.destroy) label.pack() btn1.pack(side = LEFT) btn2.pack(side = LEFT) root.mainloop()
def bColor(bgColor): root.config(bg = bgColor) root = Tk() root.title("Ex") root.geometry("300x200") #創建3個按鈕 bluebtn = Button(root, text = "Blue", command = lambda:bColor("blue")) yellowbtn = Button(root, text = "Yellow", command = lambda:bColor("yellow")) exitbtn = Button(root, text = "Exit", command = root.destroy) exitbtn.pack(anchor = S, side = RIGHT, padx = 5, pady = 5) yellowbtn.pack(anchor = S, side = RIGHT, padx = 5, pady = 5) bluebtn.pack(anchor = S, side = RIGHT, padx = 5, pady = 5) root.mainloop()
一般是指單行文本框,是GUI設計中用於輸入的最基本的Widget控件,能夠用來輸入單行字符串。
若是輸入的字符串長度大於文本框的寬度,輸入的文字會自動隱藏形成部份內容沒法顯示出來,此時可使用箭頭鍵移動鼠標光標到看不到的區域。
若是須要處理多行文字,則須要使用Text。
Entry(父對象,options,…)
經常使用的options參數:
root = Tk() root.title("Ex") accountL = Label(root, text = "Account:") accountL.grid(row = 0) passwordL = Label(root, text = "Password:") passwordL.grid(row = 1) accountE = Entry(root) accountE.grid(row = 0,column = 1) passwordE = Entry(root, show = '*') passwordE.grid(row = 1, column = 1) root.mainloop()
用於獲取目前Entry的字符串內容。
def printInfo(): print("Account:%s\nPassword:%s" % \ (accountE.get(), passwordE.get())) ... loginbtn = Button(root, text = "Login", command = printInfo) loginbtn.grid(row = 3) quitbtn = Button(root, text = "Quit", command = root.destroy) quitbtn.grid(row = 3, column = 1) root.mainloop()
Account:叮叮噹噹sunny
Password:123456789abcdefg
用於創建默認文字。
insert(index,s) #將字符串s插入在index位置
accountE.insert(0, "Kevin")
passwordE.insert(0, "pwd123")
用於刪除文字。
delete(first,last = None) #刪除從第first到第last-1字符之間的字符串(last = None則僅刪除第first個字符)
delete(0,END) #刪除文本框內整個字符串
用於將字符串轉換爲Python語句執行,能夠直接計算數學表達式。
result = eval(expression) #expression是字符串
數學表達式計算:
from tkinter import * import numpy as np def cal(): out.configure(text = "結果:" + str(eval(equ.get()))) root = Tk() root.title("Ex") label = Label(root, text = "請輸入數學表達式:") label.pack() equ = Entry(root) equ.pack(padx = 20, pady = 5) out = Label(root) out.pack() btn = Button(root, text = "計算", command = cal) btn.pack(pady = 5) root.mainloop()
要將Widget控件的參數以變量方式處理時,須要藉助tkinter模塊內的變量類別,這個類別有4個子類別,每個類別實際上是一個數據類型的構造方法,咱們能夠經過這4個子類別的數據類型將它們與Widget控件的相關參數結合。
使用get()方法取得變量內容,使用set()方法設置變量內容。
msg_on = False def btn_hit(): global msg_on if msg_on == False: msg_on = True x.set("I like tkinter") else: msg_on = False x.set("") root = Tk() root.title("Ex") x = StringVar() label = Label(root, textvariable = x, \ fg = "blue", bg = "lightyellow", \ font = "Verdana 15 bold", \ width = 25, height = 2) label.pack() btn = Button(root, text = "Show", command = btn_hit) btn.pack(pady = 5) root.mainloop()
def btn_hit():
if x.get() == "":
x.set("I like tkinter")
else:
x.set("")
利用變量追蹤Widget控件,當其內容更改時,讓程序執行callback函數。
def callback(*args): print("data changed:",xE.get()) root = Tk() root.title("Ex") xE = StringVar() entry = Entry(root, textvariable = xE) entry.pack() xE.trace('w', callback) root.mainloop()
data changed: t
data changed: tk
data changed: tki
data changed: tkin
data changed: tkint
data changed: tkinte
data changed: tkinter
w表示當寫入時,自動執行callback函數,這個動做稱爲變更追蹤。
r表示當控件內容被讀取時,執行特定函數。
def callbackW(*args): xL.set(xE.get()) def callbackR(*args): print("Waring:數據被讀取!") def hit(): print("讀取數據:", xE.get()) root = Tk() root.title("Ex") xE = StringVar() entry = Entry(root, textvariable = xE) entry.pack(padx = 20, pady = 5) xE.trace('w', callbackW) xE.trace('r', callbackR) xL = StringVar() label = Label(root, textvariable = xL) xL.set("同步顯示") label.pack(padx = 20, pady = 5) btn = Button(root, text = "讀取", command = hit) btn.pack(padx = 20, pady = 5) root.mainloop()
Waring:數據被讀取!
讀取數據: tkinter
callback函數其實有3個參數:tk變量名稱、index索引、mode模式。
def calculate(): r = re.findall(".+", equ.get()) result = eval(str(r[-1])) equ.set(equ.get() + "\n" + str(result)) def show(buttonString): content = equ.get() if content == "0": content = "" equ.set(content + buttonString) def backspace(): equ.set(str(equ.get()[:-1])) def clear(): equ.set("0") root = Tk() root.title("calculator") equ = StringVar() equ.set("0") #默認顯示0 #顯示區 label = Label(root, width = 25, height = 2, relief = "raised", \ anchor = SE, textvariable = equ) label.grid(row = 0, column = 0, columnspan = 4, padx = 5, pady = 5) #按鈕設計 Button(root, text = "C", fg = "blue", width = 5, \ command = clear).grid(row = 1, column = 0) Button(root,text="DEL",width=5,command=backspace).grid(row=1,column=1) Button(root,text="%",width=5,command=lambda:show("%")).grid(row=1,column=2) Button(root,text="/",width=5,command=lambda:show("/")).grid(row=1,column=3) Button(root,text="7",width=5,command=lambda:show("7")).grid(row=2,column=0) Button(root,text="8",width=5,command=lambda:show("8")).grid(row=2,column=1) Button(root,text="9",width=5,command=lambda:show("9")).grid(row=2,column=2) Button(root,text="*",width=5,command=lambda:show("*")).grid(row=2,column=3) Button(root,text="4",width=5,command=lambda:show("4")).grid(row=3,column=0) Button(root,text="5",width=5,command=lambda:show("5")).grid(row=3,column=1) Button(root,text="6",width=5,command=lambda:show("6")).grid(row=3,column=2) Button(root,text="-",width=5,command=lambda:show("-")).grid(row=3,column=3) Button(root,text="1",width=5,command=lambda:show("1")).grid(row=4,column=0) Button(root,text="2",width=5,command=lambda:show("2")).grid(row=4,column=1) Button(root,text="3",width=5,command=lambda:show("3")).grid(row=4,column=2) Button(root,text="+",width=5,command=lambda:show("+")).grid(row=4,column=3) Button(root, text="0", width=12, \ command = lambda:show("0")).grid(row = 5, column = 0, columnspan = 2) Button(root, text=".", width=5, \ command = lambda:show(".")).grid(row = 5, column = 2) Button(root, text="=", bg = "lightyellow", width=5, \ command = calculate).grid(row = 5, column = 3) root.mainloop()