快捷導(dǎo)航

Python GUI之如何使用tkinter控件

更新時(shí)間：2021年05月27日 14:28:26 作者：武尚發(fā)的博客

今天帶大家學(xué)習(xí)Python GUI的相關(guān)知識(shí),文中對(duì)如何使用tkinter控件作了非常詳細(xì)的介紹及代碼示例,對(duì)正在學(xué)習(xí)python的小伙伴們有很好的幫助,需要的朋友可以參考下

一、功能按鈕

格式：Button（父對(duì)象，options，…）

父對(duì)象：表示當(dāng)前按鈕建立在哪一個(gè)窗口下。

options：下面總結(jié)一部常用的。

1.bg或者background：背景色

2.fg或者foreground：前景色

3.command：?jiǎn)螕舭粹o時(shí)，執(zhí)行此方案

4.font：字體

5.height：字符高度

6.width：字符寬度

7.image：按鈕上的圖片

8.padx：設(shè)置文字與按鈕左右間隔

9.pady：設(shè)置文字與按鈕上下間隔

10.state：NORMAL表示啟用按鈕，DISABLED表示禁用按鈕

11.text：字符

Button 初體驗(yàn)：這里我們建造一個(gè)制造女朋友的工廠，你只需要點(diǎn)一下按鈕就可以告別單身狗

from tkinter import *

def msgShow():
    label["text"]="我是你的女朋友，恭喜你告別單身"
    label["bg"]="lightyellow"
    label["fg"]="blue"

# 實(shí)例對(duì)象
root=Tk()
root.title("女朋友工廠")
root.geometry("300x200+500+500")

label=Label(root)

btn=Button(root,text="開(kāi)始制造",command=msgShow,width=15)
btnCls=Button(root,text="結(jié)束",command=root.destroy,width=15)
# 控件顯示
label.pack(side=TOP)
btn.pack(side=LEFT,padx=20)
btnCls.pack(side=RIGHT,padx=20)
# 窗體暫停
root.mainloop()

在這里插入圖片描述

Button 進(jìn)階體驗(yàn)：上面的工廠只能造一個(gè)女朋友，但是作為一個(gè)海王，你現(xiàn)在想多擁有幾個(gè)女朋友，那么現(xiàn)在你需要一個(gè)能制造多個(gè)女朋友的工廠【使用Lambda表達(dá)式】

from tkinter import *

# 工廠
def mkGrilFriend(name):
    lbl.config(text=str("我是"+name+"小姐姐，從現(xiàn)在開(kāi)始我就是你的女朋友啦！??！"))

root=Tk()
root.title("改變窗體顏色")
root.geometry("500x100")

lbl=Label(root)
lbl.pack()
exitBtn=Button(root,text="退出",command=root.destroy)
# 制造女友
oneBtn=Button(root,text="1號(hào)女友",command=lambda:mkGrilFriend("田園my 老師"))
twoBtn=Button(root,text="2號(hào)女友",command=lambda:mkGrilFriend("三上yy 老師"))

exitBtn.pack(anchor=S,side=RIGHT,padx=5,pady=5)
twoBtn.pack(anchor=S,side=RIGHT,padx=5,pady=5)
oneBtn.pack(anchor=S,side=RIGHT,padx=5,pady=5)

root.mainloop()

運(yùn)行結(jié)果：

在這里插入圖片描述

二、文本框

格式：Entry（父對(duì)象，options，…）

options參數(shù)主要包括以下：

1.bg：背景色

2.fg：字體顏色

3.command:當(dāng)用戶更改內(nèi)容時(shí)，觸發(fā)此函數(shù)

4.font：字體

5.height：字符高度

6.width：字符寬度

7.selectbackground：被選定字符的背景色

8.show：常用于隱藏顯示密碼字段，ps：show= ' * '

9.state: NORMAL正常輸入，DISABLE表示禁止輸入

10.xscrollcommand:在x軸顯示滾動(dòng)條

包括方法：

1.get() 獲取文本框內(nèi)的字符串內(nèi)容：ety.get()

2.insert() 插入字符串到文本框：ety.insert(開(kāi)始位置索引，要插入的字符串)

3.delete() 刪除文本框中的字符串：ety.delete(開(kāi)始位置索引，截止位置索引：END等于全刪)

4.eval() 數(shù)學(xué)表達(dá)公式：results=eval(2+3*5)

三、練習(xí)一

from tkinter import *

root=Tk()
root.title("輸入表格")
root.geometry("300x200")

nameLbl=Label(root,text="Name")
nameLbl.grid(row=0,column=0)
addressLbl=Label(root,text="Address")
addressLbl.grid(row=1,column=0)

nameEty=Entry(root)
addressEty=Entry(root)
nameEty.grid(row=0,column=1)
addressEty.grid(row=1,column=1)

root.mainloop()

運(yùn)行：

在這里插入圖片描述

四、練習(xí)二：計(jì)算器

from tkinter import *

# 計(jì)算函數(shù)
def calculate():
    result=eval(equ.get()) # 獲取輸入公式
    equ.set(equ.get()+"=\n"+str(result)) # 輸入公式 + 回車換行 + 結(jié)果

# 顯示到 Label
def show(buttonString):
    content=equ.get() # 獲取公式變量，并拼接到content后面
    if content=="0":
        content=""
    equ.set(content+buttonString) # 顯示到label

def backspace():
    equ.set(str(equ.get()[:-1])) # equ 變量-1

def clear():
    equ.set("0")

root=Tk()
root.title("計(jì)算器")

# 公共變量，記錄公式
equ=StringVar()
equ.set("0")

# textvariable：指定一個(gè)變量刷新text值，這里的equ的set屬性改變，label的text也會(huì)變化
label=Label(root,width=50,height=2,relief="raised",anchor=SE,textvariable=equ)
# columnspan：橫跨4個(gè)按鈕
label.grid(row=0,column=0,columnspan=4,padx=5,pady=5)

# 第二行 [0,1,2,3列]
clearBtn=Button(root,text="C",fg="blue",width=10,command=clear).grid(row=1,column=0,pady=5)
Button(root,text="DEL",width=10,command=backspace).grid(row=1,column=1)
Button(root,text="%",width=10,command=lambda:show("%")).grid(row=1,column=2)
Button(root,text="/",width=10,command=lambda:show("/")).grid(row=1,column=3)

# 第三行 [0,1,2,3列]
Button(root,text="7",width=10,command=lambda:show("7")).grid(row=2,column=0,pady=5)
Button(root,text="8",width=10,command=lambda:show("8")).grid(row=2,column=1)
Button(root,text="9",width=10,command=lambda:show("9")).grid(row=2,column=2)
Button(root,text="*",width=10,command=lambda:show("*")).grid(row=2,column=3)

# 第四行 [0,1,2,3列]
Button(root,text="4",width=10,command=lambda:show("4")).grid(row=3,column=0,pady=5)
Button(root,text="5",width=10,command=lambda:show("5")).grid(row=3,column=1)
Button(root,text="6",width=10,command=lambda:show("6")).grid(row=3,column=2)
Button(root,text="-",width=10,command=lambda:show("-")).grid(row=3,column=3)

# 第五行 [0,1,2,3列]
Button(root,text="1",width=10,command=lambda:show("1")).grid(row=4,column=0,pady=5)
Button(root,text="2",width=10,command=lambda:show("2")).grid(row=4,column=1)
Button(root,text="3",width=10,command=lambda:show("3")).grid(row=4,column=2)
Button(root,text="+",width=10,command=lambda:show("+")).grid(row=4,column=3)

# 第六行 [0,1,2,3列]
Button(root,text="0",width=24,command=lambda:show("0")).grid(row=5,column=0,columnspan=2,pady=5)
Button(root,text=".",width=10,command=lambda:show(".")).grid(row=5,column=2)
Button(root,text="=",width=10,bg="yellow",command=lambda:calculate()).grid(row=5,column=3)

mainloop()

運(yùn)行：

在這里插入圖片描述