Python入門示例系列31 GUI Tkinter 入門

Tkinter 編程入門示例

B站視頻教程：https://www.bilibili.com/video/BV1oa411C742/

 

Tkinter 是 Python 的標准 GUI 庫。Python 使用 Tkinter 可以快速的創建 GUI 應用程序。可以在IDLE或Pycharm中編寫和測試Tkinter代碼。

Tkinter的全稱是Tk Interface。

其中Tk是開發桌面應用的GUI工具庫，它是Tcl的標准GUI，而Tcl全稱Tool Command Language，是一種動態編程語言，可用於桌面應用開發。關於Tk和Tcl，可以在https://www.tcl.tk/查看到更多的內容，這里不多做介紹。

Tk和Tcl並不是Python的一部分，Python只不過提供了與Tk和Tcl交互的接口，而Tk和Tcl是系統本身支持的，Window、Linux和MacOS都是支持的，所以通過Python tkinter創建的GUI程序可以在不同的操作系統使用。

由於 Tkinter 是內置到 python 的安裝包中、只要安裝好 Python 之后就能 import tkinter 庫、而且 IDLE 也是用 Tkinter 編寫而成、對於簡單的圖形界面 Tkinter 還是能應付自如。

創建一個GUI程序的基本步驟：

• 1、導入 Tkinter 模塊；創建窗體。
• 2、創建控件，並且指定這個控件的 master， 即這個控件屬於哪一個容器。
• 3、告訴 GM (geometry manager) 有一個控件產生了。

 示例：創建一個窗體。

import tkinter
top = tkinter.Tk()
# 進入消息循環
top.mainloop()

結果如下：

 

設置窗體的大小和位置, geometry函數的使用

from tkinter import *
root = Tk()
root.geometry('+400+200') # 位置 x=400像素，y=200像素; 位置以屏幕左上角為起始點(0,0).
# 窗口在屏幕上的位置，第1個加號是距離屏幕左邊的寬，第2個加號是距離屏幕頂部的高。單位是像素
root.geometry('400x200') # 寬400像素，高200像素；注意：不含標題欄。指標題欄下面的窗體的寬度和高度。'400x200'中間是小寫的字母X。
root.geometry('400x200+400+200') #  寬400像素，高200像素， 位置 x=400像素，y=200像素；
root.mainloop()

 

 

 

設置窗體大小並讓窗體在屏幕中居中：

import tkinter
win = tkinter.Tk()
sw = win.winfo_screenwidth() #得到屏幕寬度
sh = win.winfo_screenheight() #得到屏幕高度
ww = 400
wh = 200
x = (sw-ww) / 2
y = (sh-wh) / 2
win.geometry("%dx%d+%d+%d" %(ww,wh,x,y))
win.mainloop()

 

import tkinter
#from tkinter import *
mywin = tkinter.Tk()
mywin_width = 300
mywin_heigth = 200
mywin.geometry("%dx%d+%d+%d" %(mywin_width,mywin_heigth,(mywin.winfo_screenwidth()-mywin_width) / 2,(mywin.winfo_screenheight()-mywin_heigth) / 2))
mywin.mainloop()

 

窗口（窗體）的詳細使用方法參見 https://www.cnblogs.com/emanlee/p/15435622.html

 

StringVar是 Tk 庫內部定義的字符串變量類型，用於管理部件上面的字符；不過一般用在按鈕 button 上。改變StringVar，按鈕上的文字也隨之改變。

我們在使用界面編程的時候，有些時候是需要跟蹤變量的值的變化，以保證值的變更隨時可以顯示在界面上。由於python無法做到這一點，所以使用了tcl 的相應的對象，也就是StringVar、BooleanVar、DoubleVar、IntVar所需要起到的作用。

StringVar除了set 以外還有其他的函數包括：get() 用於返回 StringVar 變量的值、trace(mode, callback) 用於在某種 mode 被觸發的時候調用 callback 函數。

 

Tkinter 組件

Tkinter 的提供各種控件（widget），如按鈕，標簽和文本框，一個GUI應用程序中使用。這些控件通常被稱為控件或者部件。

目前有18種 Tkinter的部件（widget）。我們提出這些部件以及一個簡短的介紹:

控件widget	描述
Button	按鈕控件；在程序中顯示按鈕。 Button用法介紹
Canvas	畫布控件；顯示圖形元素如線條或文本。在Canvas中可以畫圖，類似於 turtle 的畫布。
Checkbutton	多選框控件；用於在程序中提供多項選擇框。復選框按鈕。
Entry	輸入控件；用於顯示簡單的文本內容。類似於html中的 input box，textbox   用法介紹
Frame	框架控件；在屏幕上顯示一個矩形區域，多用來作為容器。可以包含其他控件。
Label	標簽控件；可以顯示文本和位圖。靜態文本或圖。 用法介紹
Listbox	列表框控件；在Listbox窗口小部件是用來顯示一個字符串列表給用戶
Menubutton	菜單按鈕控件，用於顯示菜單項。
Menu	菜單控件；顯示菜單欄,下拉菜單和彈出菜單(Python Tkinter 菜單示例 )
Message	消息控件；用來顯示多行文本，與label比較類似
Radiobutton	單選按鈕控件；顯示一個單選的按鈕狀態
Scale	范圍控件；顯示一個數值刻度，為輸出限定范圍的數字區間
Scrollbar	滾動條控件，當內容超過可視化區域時使用，如列表框。.
Text	文本控件；用於顯示多行文本
Toplevel	容器控件；用來提供一個單獨的對話框，和Frame比較類似
Spinbox	輸入控件；與Entry類似，但是可以指定輸入范圍值
PanedWindow	PanedWindow是一個窗口布局管理的插件，可以包含一個或者多個子控件。
LabelFrame	labelframe 是一個簡單的容器控件。常用與復雜的窗口布局。
tkMessageBox	用於顯示應用程序的消息框。

---

標准屬性

標准屬性也就是所有控件的共同屬性，如大小，字體和顏色等等。

屬性	描述
Dimension	控件大小；
Color	控件顏色；
Font	控件字體；
Anchor	錨點；
Relief	控件樣式；
Bitmap	位圖；
Cursor	光標；

---

幾何管理

Tkinter控件有特定的幾何狀態管理方法，管理整個控件區域組織，以下是Tkinter公開的幾何管理類：包、網格、位置

幾何方法	描述
pack()	包裝； https://www.cnblogs.com/emanlee/p/15340485.html
grid()	網格； https://www.cnblogs.com/emanlee/p/15340537.html
place()	位置； https://www.cnblogs.com/emanlee/p/15337638.html

了解pack(), gird()

 

典型的組件（控件，widget）

Button按鈕示例

用法介紹

from tkinter import *

from tkinter import messagebox

top = Tk() # 窗體
top.geometry("100x100") # 寬100像素，高100像素； 中間是小寫字母X
def helloCallBack(): # 定義單擊按鈕的響應函數
   msg = messagebox.showinfo( "Hello Python", "Hello World") # 彈出對話框；標題是"Hello Python", 內容是 "Hello World"

B = Button(top, text = "Hello", command = helloCallBack) # 第一個參數為當前控件的容器；第二個參數是按鈕上的文字；第三個參數是單擊按鈕調用的函數
B.place(x = 50,y = 50)  # place函數指定按鈕的絕對位置，窗體左上角位置為（0,0）   place 的用法 https://www.cnblogs.com/emanlee/p/15337638.html
top.mainloop() # 窗體等待用戶操作

  結果如下：

 

Canvas 示例（Python實驗四.pdf）

from tkinter import *

from tkinter import messagebox

top = Tk()

C = Canvas(top, bg = "blue", height = 250, width = 300) # 第一個參數容器為窗體；第二個參數背景顏色；第三個參數高度；第四個參數寬度；

coord = 10, 50, 240, 210 ### coord元組配置矩形所形成的橢圓的左上角坐標、及右下角坐標：coord=x1,y1,x2,y2
arc = C.create_arc(coord, start = 0, extent = 150, fill = "red") 
#start：從x軸正方向（起始方向）開始，單位為度進行繪制，start為起始繪制角度的設置
#extent：以start參數作為參考，以start參數給定的角度開始，逆時針延伸角度，這個角度為extent設置的值
#fill：為填充顏色
line = C.create_line(10,10,200,200,fill = 'white') ## 左上角（10,10），右下角（200,200）
C.pack()
top.mainloop()

 結果如下：

 

# 創建一個矩形，指定畫布的顏色為白色
from tkinter import *
root = Tk()
# 創建一個Canvas，設置其背景色為yellow
cv = Canvas(root,bg = 'yellow')
# 創建一個矩形，坐標為(10,10,110,110)
cv.create_rectangle(10,10,110,110) ## 左上角（10,10），右下角（110,110）
cv.pack()
root.mainloop()

 

 

 

Checkbutton示例

from tkinter import *

import tkinter
    
top = Tk()
CheckVar1 = IntVar()
CheckVar2 = IntVar()
C1 = Checkbutton(top, text = "Music", variable = CheckVar1, \
                 onvalue = 1, offvalue = 0, height=5, \
                 width = 20, )
C2 = Checkbutton(top, text = "Video", variable = CheckVar2, \
                 onvalue = 1, offvalue = 0, height=5, \
                 width = 20)
C1.pack()
C2.pack()
top.mainloop()

  結果如下：

 

 

Entry 示例

用法介紹

from tkinter import *

top = Tk()
L1 = Label(top, text = "User Name") # 一個靜態標簽，容器為窗體top； 文本為 "User Name"
L1.pack(side = LEFT)
E1 = Entry(top) # 容器為窗體top； 
E1.pack(side = RIGHT)

top.mainloop()

 

 

from tkinter import *

top = Tk()
L1 = Label(top, text = "User Name")
L1.pack(side = LEFT)
mytext=StringVar()
E1 = Entry(top,text=mytext)
E1.pack(side = RIGHT)
mytext.set("John")

top.mainloop()

 

 

Frame示例

from tkinter import *

root = Tk()
frame = Frame(root)
frame.pack()

bottomframe = Frame(root)
bottomframe.pack( side = BOTTOM )

redbutton = Button(frame, text = "Red", fg = "red")
redbutton.pack( side = LEFT)

greenbutton = Button(frame, text = "Brown", fg="brown")
greenbutton.pack( side = LEFT )

bluebutton = Button(frame, text = "Blue", fg = "blue")
bluebutton.pack( side = LEFT )

blackbutton = Button(bottomframe, text = "Black", fg = "black")
blackbutton.pack( side = BOTTOM)

root.mainloop()

  結果如下：

 

Label示例

用法介紹

from tkinter import *

root = Tk()
label = Label( root, text="Hello, emanlee" ) ## 容器為窗體root；文本為 "Hello, emanlee"
label.pack()
root.mainloop()

結果如下：

 

 

 

Listbox 示例

from tkinter import *

import tkinter

top = Tk()

Lb1 = Listbox(top)
Lb1.insert(1, "Python")
Lb1.insert(2, "Perl")
Lb1.insert(3, "C")
Lb1.insert(4, "PHP")
Lb1.insert(5, "JSP")
Lb1.insert(6, "Ruby")

Lb1.pack()
top.mainloop()

  結果如下：

 

 Menubutton示例

from tkinter import *

import tkinter

top = Tk()

mb =  Menubutton ( top, text = "condiments", relief = RAISED )
mb.grid()
mb.menu  =  Menu ( mb, tearoff = 0 )
mb["menu"]  =  mb.menu
    
mayoVar  = IntVar()
ketchVar = IntVar()

mb.menu.add_checkbutton ( label = "mayo",
                          variable = mayoVar )
mb.menu.add_checkbutton ( label = "ketchup",
                          variable = ketchVar )

mb.pack()
top.mainloop()

  結果如下：

 

 Menu示例

from tkinter import *
def donothing():
   filewin = Toplevel(root)
   button = Button(filewin, text="Do nothing button")
   button.pack()
   
root = Tk()
menubar = Menu(root)
filemenu = Menu(menubar, tearoff = 0)
filemenu.add_command(label="New", command = donothing)
filemenu.add_command(label = "Open", command = donothing)
filemenu.add_command(label = "Save", command = donothing)
filemenu.add_command(label = "Save as...", command = donothing)
filemenu.add_command(label = "Close", command = donothing)

filemenu.add_separator()

filemenu.add_command(label = "Exit", command = root.quit)
menubar.add_cascade(label = "File", menu = filemenu)
editmenu = Menu(menubar, tearoff=0)
editmenu.add_command(label = "Undo", command = donothing)

editmenu.add_separator()

editmenu.add_command(label = "Cut", command = donothing)
editmenu.add_command(label = "Copy", command = donothing)
editmenu.add_command(label = "Paste", command = donothing)
editmenu.add_command(label = "Delete", command = donothing)
editmenu.add_command(label = "Select All", command = donothing)

menubar.add_cascade(label = "Edit", menu = editmenu)
helpmenu = Menu(menubar, tearoff=0)
helpmenu.add_command(label = "Help Index", command = donothing)
helpmenu.add_command(label = "About...", command = donothing)
menubar.add_cascade(label = "Help", menu = helpmenu)

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

  結果如下：

 

 Message示例

from tkinter import *

root = Tk()

var = StringVar()
label = Message( root, textvariable = var, relief = RAISED )

var.set("Hey!? How are you doing?")
label.pack()
root.mainloop()

  結果如下：

 

 

 Radiobutton示例

 

from tkinter import *

def sel():
   selection = "You selected the option " + str(var.get())
   label.config(text = selection)

root = Tk()
var = IntVar()
R1 = Radiobutton(root, text = "Option 1", variable = var, value = 1,
                  command = sel)
R1.pack( anchor = W )

R2 = Radiobutton(root, text = "Option 2", variable = var, value = 2,
                  command = sel)
R2.pack( anchor = W )

R3 = Radiobutton(root, text = "Option 3", variable = var, value = 3,
                  command = sel)
R3.pack( anchor = W)

label = Label(root)
label.pack()
root.mainloop()

 結果如下：

 

 

 Scale示例

from tkinter import *

def sel():
   selection = "Value = " + str(var.get())
   label.config(text = selection)

root = Tk()
var = DoubleVar()
scale = Scale( root, variable = var )
scale.pack(anchor = CENTER)

button = Button(root, text = "Get Scale Value", command = sel)
button.pack(anchor = CENTER)

label = Label(root)
label.pack()

root.mainloop()

  結果如下：

 

 

 Scrollbar示例

from tkinter import *

root = Tk()
scrollbar = Scrollbar(root)
scrollbar.pack( side = RIGHT, fill = Y )

mylist = Listbox(root, yscrollcommand = scrollbar.set )
for line in range(100):
   mylist.insert(END, "This is line number " + str(line))

mylist.pack( side = LEFT, fill = BOTH )
scrollbar.config( command = mylist.yview )

mainloop()

  結果如下：

 

 

 Text示例

from tkinter import *

root = Tk()
text = Text(root)
text.insert(INSERT, "Hello.....")
text.insert(END, "Bye Bye.....")
text.pack()

text.tag_add("here", "1.0", "1.4")
text.tag_add("start", "1.8", "1.13")
text.tag_config("here", background = "yellow", foreground = "blue")
text.tag_config("start", background = "black", foreground = "green")
root.mainloop()

  結果如下：

 

 

 Toplevel示例

from tkinter import *

root = Tk()
root.title("hello")
top = Toplevel()
top.title("Python")
top.mainloop()

  結果如下：

 

 

 Spinbox示例

from tkinter import *

master = Tk()

w = Spinbox(master, from_ = 0, to = 10)
w.pack()

mainloop()

  結果如下：

 

 

PanedWindow示例

from tkinter import *

m1 = PanedWindow()
m1.pack(fill = BOTH, expand = 1)

left = Entry(m1, bd = 5)
m1.add(left)

m2 = PanedWindow(m1, orient = VERTICAL)
m1.add(m2)

top = Scale( m2, orient = HORIZONTAL)
m2.add(top)

bottom = Button(m2, text = "OK")
m2.add(bottom)

mainloop()

  結果如下：

 

 LabelFrame示例

from tkinter import *

root = Tk()

labelframe = LabelFrame(root, text = "This is a LabelFrame")
labelframe.pack(fill = "both", expand = "yes")
 
left = Label(labelframe, text = "Inside the LabelFrame")
left.pack()
 
root.mainloop()

  結果如下：

 

messagebox示例

from tkinter import *

from tkinter import messagebox

top = Tk()
top.geometry("100x100")
def hello():
   messagebox.showinfo("Say Hello", "Hello World")

B1 = Button(top, text = "Say Hello", command = hello)
B1.place(x = 35,y = 50)

top.mainloop()

  結果如下：

 

 

 一個簡單的綜合示例：

from tkinter import * #導入tkinter庫
from tkinter import messagebox # 導入messagebox類

top = Tk() #建立窗體，窗體取名top
top.geometry("450x100") # 設置窗體的寬度為450像素，高度100像素
def helloCallBack(): # 定義函數，響應單擊按鈕的操作
    mystr=eval(E1.get())+eval(E2.get()) #獲取E1文本框的內容，轉換為數值；E2同理；然后相加
    msg = messagebox.showinfo( "結果",str(mystr))# 消息框顯示結果
L1 = Label(top, text = "數1")#新建標簽L1，標簽的文本是“數1” 
L1.place(x = 20,y = 20) # 把L1放到窗體的（20,20）位置，單位是像素
E1 = Entry(top) #新建文本框E1，E1放在top（窗體）里面
E1.place(x = 50,y = 20)
L2 = Label(top, text = "數2")
L2.place(x = 220,y = 20)
E2 = Entry(top)
E2.place(x = 250,y = 20)
B = Button(top, text = "相加", command = helloCallBack)#command表示按鈕單擊時的操作
B.place(x = 350,y = 50)  # place 的用法 https://www.cnblogs.com/emanlee/p/15337638.html
top.mainloop()#保持窗體接受用戶操作

 

一個簡單的綜合示例：

from tkinter import * #導入tkinter庫

top = Tk() #建立窗體，窗體取名top

def add(): # 定義函數，響應單擊按鈕的操作
    mystr=eval(E1.get())+eval(E2.get()) #獲取E1文本框的內容，轉換為數值；E2同理；然后相加
    E3text.set(mystr)

L1 = Label(top, text = "數1")#新建標簽L1，標簽的文本是“數1”
L1.grid(row=0,column=0)
E1 = Entry(top) #新建文本框E1，E1放在top（窗體）里面
E1.grid(row=0,column=1)
L2 = Label(top, text = "數2")
L2.grid(row=1,column=0)
E2 = Entry(top)
E2.grid(row=1,column=1)
L3 = Label(top, text = "結果")
L3.grid(row=2,column=0)
E3text=StringVar()
E3 = Entry(top, text=E3text)
E3.grid(row=2,column=1)
B1 = Button(top, text = "相加", command = add)#command表示按鈕單擊時的操作
B1.grid(row=3,column=0) #

top.mainloop()#保持窗體接受用戶操作

 

 

 https://www.cnblogs.com/emanlee/p/17302349.html Python Tkinter 三角形面積計算器（實驗四）

 

可以使用 pyinstaller 把py代碼轉換為 exe 程序，參見： https://www.cnblogs.com/emanlee/p/15807421.html

 

 Write a program that performs arithmetic operations using buttons, as shown in above Figure. 

 

 

 

 

REF

https://www.tutorialspoint.com/python3/python_gui_programming.htm

https://www.runoob.com/python/python-gui-tkinter.html