PYTHON TUTORIAL - การเขียนโปรแกรม PYTHON GUI - ตัวอย่าง PYTHON GUI (TKINTER TUTORIAL)

Python Tutorial - การเขียนโปรแกรม Python GUI - ตัวอย่าง Python GUI (Tkinter Tutorial)

ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีพัฒนาส่วนต่อประสานกราฟิกกับผู้ใช้โดยการเขียนตัวอย่าง Python GUI โดยใช้แพ็คเกจ Tkinter

แพ็คเกจ Tkinter มาพร้อมกับ Python เป็นแพ็คเกจมาตรฐาน ดังนั้นเราจึงไม่จำเป็นต้องติดตั้งอะไรเพื่อใช้งาน

Tkinter เป็นแพ็คเกจที่ทรงพลังมาก หากคุณได้ติดตั้ง Python แล้ว คุณสามารถใช้ IDLE ซึ่งเป็น IDE แบบรวมที่มาพร้อมกับ Python ได้ IDE นี้เขียนโดยใช้ Tkinter ฟังดูดีนะ!!

เราจะใช้ Python 3.6 ดังนั้นหากคุณใช้ Python 2.x ขอแนะนำอย่างยิ่งให้เปลี่ยนไปใช้ Python 3.x เว้นแต่คุณจะทราบการเปลี่ยนแปลงของภาษา เพื่อให้คุณสามารถปรับโค้ดให้ทำงานโดยไม่มีข้อผิดพลาด

ฉันคิดว่าคุณมีพื้นฐานเล็กน้อยในพื้นฐานของ Python เพื่อช่วยให้คุณเข้าใจว่าเรากำลังทำอะไรอยู่

เราจะเริ่มต้นด้วยการสร้างหน้าต่างที่เราจะเรียนรู้วิธีเพิ่มวิดเจ็ต เช่น ปุ่ม กล่องคำสั่งผสม ฯลฯ จากนั้นเราจะเล่นกับคุณสมบัติของพวกมัน มาเริ่มกันเลย

สร้างแอปพลิเคชัน GUI แรกของคุณ

ขั้นแรกเราจะนำเข้าแพ็คเกจ THE Tkinter และสร้างหน้าต่างและตั้งชื่อ:

from tkinter import * window = Tk() window.title('Welcome to LikeGeeks app') window.mainloop()

ผลลัพธ์จะมีลักษณะดังนี้:

สุดยอด! แอปพลิเคชันของเราใช้งานได้

บรรทัดสุดท้ายเรียก |_+_| การทำงาน. ฟังก์ชันนี้เรียกหน้าต่างวนซ้ำไม่รู้จบ ดังนั้นหน้าต่างจะรอการโต้ตอบของผู้ใช้จนกว่าเราจะปิด

หากลืมโทร |_+_| ฟังก์ชันจะไม่มีอะไรปรากฏแก่ผู้ใช้

สร้างวิดเจ็ตป้ายกำกับ

ในการเพิ่มป้ายกำกับให้กับตัวอย่างก่อนหน้านี้ เราจะสร้างป้ายกำกับโดยใช้คลาสป้ายกำกับดังนี้:

mainloop

จากนั้นเราจะกำหนดตำแหน่งบนแบบฟอร์มโดยใช้ |_+_| ฟังก์ชั่นและกำหนดตำแหน่งดังนี้:

mainloop

ดังนั้นโค้ดที่สมบูรณ์จะเป็นดังนี้:

lbl = Label(window, text='Hello')

และนี่คือผลลัพธ์:

โดยไม่ต้องเรียก |_+_| ฟังก์ชันสำหรับป้ายกำกับจะไม่แสดงขึ้น

กำหนดขนาดตัวอักษรของฉลาก

คุณสามารถตั้งค่าแบบอักษรป้ายกำกับเพื่อให้ใหญ่ขึ้นและเป็นตัวหนาได้ คุณยังสามารถเปลี่ยนรูปแบบตัวอักษรได้อีกด้วย

โดยคุณสามารถส่ง |_+_| . ได้ พารามิเตอร์เช่นนี้:

grid

โปรดทราบว่า |_+_| พารามิเตอร์สามารถส่งผ่านไปยังวิดเจ็ตใดก็ได้เพื่อเปลี่ยนแบบอักษร ดังนั้นจึงใช้ได้กับป้ายกำกับมากกว่า

เยี่ยม แต่หน้าต่างมีขนาดเล็กมาก แล้วการตั้งขนาดหน้าต่างล่ะ

การตั้งค่าขนาดหน้าต่าง

เราสามารถกำหนดขนาดหน้าต่างเริ่มต้นโดยใช้ |_+_| ทำหน้าที่ดังนี้:

lbl.grid(column=0, row=0)

บรรทัดด้านบนกำหนดความกว้างของหน้าต่างเป็น 350 พิกเซลและความสูงเป็น 200 พิกเซล

มาลองเพิ่มวิดเจ็ต GUI เพิ่มเติม เช่น ปุ่ม และดูวิธีจัดการเหตุการณ์การคลิกปุ่ม

การเพิ่มวิดเจ็ตปุ่ม

เริ่มต้นด้วยการเพิ่มปุ่มไปที่หน้าต่าง ปุ่มถูกสร้างและเพิ่มลงในหน้าต่างในลักษณะเดียวกับป้ายกำกับ:

from tkinter import * window = Tk() window.title('Welcome to LikeGeeks app') lbl = Label(window, text='Hello') lbl.grid(column=0, row=0) window.mainloop()

ดังนั้นหน้าต่างของเราจะเป็นดังนี้:

grid

ผลลัพธ์มีลักษณะดังนี้:

โปรดทราบว่าเราวางปุ่มบนคอลัมน์ที่สองของหน้าต่างซึ่งก็คือ 1 หากคุณลืมและวางปุ่มบนคอลัมน์เดียวกันซึ่งเป็น 0 จะแสดงเฉพาะปุ่มเท่านั้นเนื่องจากปุ่มจะอยู่ด้านบนของคอลัมน์ ฉลาก.

เปลี่ยนสีพื้นหน้าและพื้นหลังของปุ่ม

คุณสามารถเปลี่ยนพื้นหน้าของปุ่มหรือวิดเจ็ตอื่น ๆ ได้โดยใช้ปุ่ม fg คุณสมบัติ.

นอกจากนี้ คุณยังสามารถเปลี่ยนสีพื้นหลังของวิดเจ็ตใดก็ได้โดยใช้ปุ่ม bg คุณสมบัติ.

font

ตอนนี้ หากคุณพยายามคลิกที่ปุ่ม จะไม่มีอะไรเกิดขึ้นเนื่องจากยังไม่ได้เขียนเหตุการณ์การคลิกปุ่ม

เหตุการณ์คลิกปุ่มจัดการ

ขั้นแรก เราจะเขียนฟังก์ชันที่เราต้องดำเนินการเมื่อคลิกปุ่ม:

lbl = Label(window, text='Hello', font=('Arial Bold', 50))

จากนั้นเราจะต่อสายด้วยปุ่มโดยระบุฟังก์ชันดังนี้:

font

สังเกตว่า , เราพิมพ์ |_+_| ไม่เท่านั้น |_+_| ด้วยวงเล็บ

กวดวิชามัลติเธรด c++

ตอนนี้รหัสเต็มจะเป็นดังนี้:

geometry

และเมื่อเราคลิกปุ่ม ผลลัพธ์ตามที่คาดไว้ จะเป็นดังนี้:

เย็น!

รับอินพุตโดยใช้ Entry Class (กล่องข้อความ Tkinter)

ในตัวอย่าง Python GUI ก่อนหน้านี้ เราเห็นวิธีเพิ่มวิดเจ็ตอย่างง่าย ตอนนี้เรามาลองรับอินพุตของผู้ใช้โดยใช้ Tkinter |_+_| คลาส (กล่องข้อความ Tkinter)

คุณสามารถสร้างกล่องข้อความโดยใช้ Tkinter |_+_| คลาสเช่นนี้:

window.geometry('350x200')

จากนั้นคุณสามารถเพิ่มลงในหน้าต่างโดยใช้ฟังก์ชันกริดได้ตามปกติ

ดังนั้นหน้าต่างของเราจะเป็นดังนี้:

btn = Button(window, text='Click Me') btn.grid(column=1, row=0)

และผลลัพธ์จะเป็นดังนี้:

ตอนนี้ หากคุณคลิกปุ่ม มันจะแสดงข้อความเดิม แต่แล้วการแสดงข้อความที่ป้อนบนวิดเจ็ตรายการล่ะ

ขั้นแรก คุณสามารถรับข้อความป้อนโดยใช้ |_+_| การทำงาน. ดังนั้นเราจึงสามารถเขียนโค้ดนี้ไปยังฟังก์ชันที่เราคลิกได้ดังนี้:

from tkinter import * window = Tk() window.title('Welcome to LikeGeeks app') window.geometry('350x200') lbl = Label(window, text='Hello') lbl.grid(column=0, row=0) btn = Button(window, text='Click Me') btn.grid(column=1, row=0) window.mainloop()

หากคุณคลิกปุ่มและมีข้อความในวิดเจ็ตรายการ จะแสดงคำว่า Welcome to concatenated กับข้อความที่ป้อน

และนี่คือรหัสที่สมบูรณ์:

btn = Button(window, text='Click Me', bg='orange', fg='red')

เรียกใช้รหัสด้านบนและตรวจสอบผลลัพธ์:

สุดยอด!

ทุกครั้งที่เรารันโค้ด เราจำเป็นต้องคลิกที่วิดเจ็ตรายการเพื่อตั้งค่าโฟกัสให้เขียนข้อความ แต่จะตั้งค่าโฟกัสอัตโนมัติได้อย่างไร

กำหนดโฟกัสของวิดเจ็ตรายการ

ง่ายมาก ทั้งหมดที่เราต้องทำคือเรียก |_+_| ทำหน้าที่ดังนี้:

def clicked(): lbl.configure(text='Button was clicked !!')

และเมื่อคุณรันโค้ด คุณจะสังเกตเห็นว่าวิดเจ็ตรายการมีโฟกัสเพื่อให้คุณสามารถเขียนข้อความได้ทันที

ปิดใช้งานวิดเจ็ตรายการ

หากต้องการปิดใช้งานวิดเจ็ตรายการ คุณสามารถตั้งค่าคุณสมบัติสถานะเป็นปิดใช้งาน:

btn = Button(window, text= 'Click Me', command=clicked)

ตอนนี้ คุณจะไม่สามารถป้อนข้อความใดๆ ได้

เพิ่ม Combobox Widget

ในการเพิ่มวิดเจ็ตคอมโบบ็อกซ์ คุณสามารถใช้ |_+_| คลาสจากไลบรารี ttk ดังนี้:

clicked

จากนั้นคุณสามารถเพิ่มค่าของคุณลงในคอมโบบ็อกซ์ได้

clicked()

อย่างที่คุณเห็น เราได้เพิ่มรายการคอมโบบ็อกซ์โดยใช้ค่าทูเพิล

ในการตั้งค่ารายการที่เลือก คุณสามารถส่งดัชนีของรายการที่ต้องการไปยังฟังก์ชันปัจจุบันได้

หากต้องการรับรายการที่เลือก คุณสามารถใช้ |_+_| ทำหน้าที่ดังนี้:

from tkinter import * window = Tk() window.title('Welcome to LikeGeeks app') window.geometry('350x200') lbl = Label(window, text='Hello') lbl.grid(column=0, row=0) def clicked(): lbl.configure(text='Button was clicked !!') btn = Button(window, text='Click Me', command=clicked) btn.grid(column=1, row=0) window.mainloop()

เพิ่มวิดเจ็ต Checkbutton (ช่องทำเครื่องหมาย Tkinter)

ในการสร้างวิดเจ็ตปุ่มกาเครื่องหมาย คุณสามารถใช้ |_+_| คลาสเช่นนี้:

Entry

นอกจากนี้ คุณสามารถตั้งค่าสถานะที่ตรวจสอบโดยส่งค่าตรวจสอบไปยังปุ่มตรวจสอบดังนี้:

Entry

ตรวจสอบผลลัพธ์:

ตั้งค่าสถานะการตรวจสอบของปุ่มตรวจสอบ

ที่นี่เราสร้างตัวแปรประเภท |_+_| ซึ่งไม่ใช่ตัวแปร Python มาตรฐาน แต่เป็นตัวแปร Tkinter จากนั้นเราก็ส่งต่อไปยังคลาส Checkbutton เพื่อตั้งค่าสถานะการตรวจสอบเป็นบรรทัดที่ไฮไลต์ในตัวอย่างด้านบน

คุณสามารถตั้งค่าบูลีนเป็นเท็จเพื่อยกเลิกการเลือกได้

นอกจากนี้ คุณสามารถใช้ |_+_| แทนที่จะเป็น |_+_| และตั้งค่าเป็น 0 หรือ 1

txt = Entry(window,width=10)

ตัวอย่างเหล่านี้ให้ผลลัพธ์เช่นเดียวกับ |_+_|

เพิ่มวิดเจ็ตปุ่มตัวเลือก

ในการเพิ่มปุ่มตัวเลือก คุณสามารถใช้ |_+_| คลาสเช่นนี้:

from tkinter import * window = Tk() window.title('Welcome to LikeGeeks app') window.geometry('350x200') lbl = Label(window, text='Hello') lbl.grid(column=0, row=0) txt = Entry(window,width=10) txt.grid(column=1, row=0) def clicked(): lbl.configure(text='Button was clicked !!') btn = Button(window, text='Click Me', command=clicked) btn.grid(column=2, row=0) window.mainloop()

โปรดทราบว่าคุณควรตั้งค่าสำหรับปุ่มตัวเลือกทุกปุ่มด้วยค่าที่ต่างกัน มิฉะนั้นจะไม่ทำงาน

get

ผลลัพธ์ของโค้ดด้านบนมีลักษณะดังนี้:

นอกจากนี้ คุณยังสามารถตั้งค่าคำสั่งของปุ่มตัวเลือกเหล่านี้ให้เป็นฟังก์ชันเฉพาะได้ ดังนั้นหากผู้ใช้คลิกบนปุ่มใดปุ่มหนึ่ง ก็จะเรียกใช้โค้ดฟังก์ชัน

นี่คือตัวอย่าง:

def clicked(): res = 'Welcome to ' + txt.get() lbl.configure(text= res)

ค่อนข้างง่าย!

รับค่าปุ่มตัวเลือก (ปุ่มตัวเลือกที่เลือก)

ในการรับค่าปุ่มตัวเลือกที่เลือกอยู่ในปัจจุบันหรือค่าของปุ่มตัวเลือก คุณสามารถส่งพารามิเตอร์ตัวแปรไปยังปุ่มตัวเลือกและหลังจากนั้นคุณจะได้รับค่าของมัน

from tkinter import * window = Tk() window.title('Welcome to LikeGeeks app') window.geometry('350x200') lbl = Label(window, text='Hello') lbl.grid(column=0, row=0) txt = Entry(window,width=10) txt.grid(column=1, row=0) def clicked(): res = 'Welcome to ' + txt.get() lbl.configure(text= res) btn = Button(window, text='Click Me', command=clicked) btn.grid(column=2, row=0) window.mainloop()

tab-view react-native

ทุกครั้งที่คุณเลือกปุ่มตัวเลือก ค่าของตัวแปรจะเปลี่ยนเป็นค่าของปุ่มตัวเลือกที่เลือก

เพิ่มวิดเจ็ตข้อความเลื่อน (Tkinter textarea)

หากต้องการเพิ่มวิดเจ็ต ScrolledText คุณสามารถใช้ |_+_| คลาสเช่นนี้:

focus

ที่นี่เราระบุความกว้างและความสูงของวิดเจ็ต ScrolledText ไม่เช่นนั้นจะเต็มหน้าต่าง

txt.focus()

ผลลัพธ์ตามที่คุณเห็น:

ตั้งค่าเนื้อหาข้อความเลื่อน

ในการตั้งค่าเนื้อหาข้อความเลื่อน คุณสามารถใช้ |_+_| วิธีการเช่นนี้:

txt = Entry(window,width=10, state='disabled')

ลบ/ล้างเนื้อหาข้อความเลื่อน

หากต้องการล้างเนื้อหาของวิดเจ็ตข้อความเลื่อน คุณสามารถใช้ |_+_| วิธีการเช่นนี้:

Combobox

ยอดเยี่ยม!

สร้างกล่องข้อความ

หากต้องการแสดงกล่องข้อความโดยใช้ Tkinter คุณสามารถใช้ไลบรารีกล่องข้อความดังนี้:

from tkinter.ttk import * combo = Combobox(window)

ค่อนข้างง่าย!

มาแสดงกล่องข้อความเมื่อผู้ใช้คลิกปุ่ม

from tkinter import * from tkinter.ttk import * window = Tk() window.title('Welcome to LikeGeeks app') window.geometry('350x200') combo = Combobox(window) combo['values']= (1, 2, 3, 4, 5, 'Text') combo.current(1) #set the selected item combo.grid(column=0, row=0) window.mainloop()

เมื่อคุณคลิกปุ่ม กล่องข้อความข้อมูลจะปรากฏขึ้น

แสดงคำเตือนและข้อความแสดงข้อผิดพลาด

คุณสามารถแสดงข้อความเตือนหรือข้อความแสดงข้อผิดพลาดในลักษณะเดียวกัน สิ่งเดียวที่ต้องเปลี่ยนคือฟังก์ชันข้อความ

get

แสดงกล่องโต้ตอบถามคำถาม

หากต้องการแสดงกล่องข้อความใช่/ไม่ใช่ต่อผู้ใช้ คุณสามารถใช้ตัวเลือกใดต่อไปนี้ |_+_| ฟังก์ชั่น:

combo.get()

คุณสามารถเลือกรูปแบบข้อความที่เหมาะสมตามความต้องการของคุณ เพียงแทนที่ |_+_| ฟังก์ชั่นบรรทัดจากบรรทัดก่อนหน้าและเรียกใช้

นอกจากนี้ คุณสามารถตรวจสอบได้ว่ามีการคลิกปุ่มใดโดยใช้ตัวแปรผลลัพธ์

หากคุณคลิก ตกลง หรือ ใช่ หรือ ลองอีกครั้ง ,มันจะกลับมา จริง ตามความคุ้มค่า แต่ถ้าคุณเลือก ไม่ หรือ ยกเลิก ,มันจะกลับมา เท็จ .

ฟังก์ชันเดียวที่คืนค่าหนึ่งในสามค่าคือ |_+_| การทำงาน; มันกลับมา จริงหรือเท็จหรือไม่มี .

เพิ่ม SpinBox (วิดเจ็ตตัวเลข)

ในการสร้างวิดเจ็ต Spinbox คุณสามารถใช้ |_+_| คลาสเช่นนี้:

Checkbutton

ที่นี่เราสร้างวิดเจ็ต Spinbox และเราส่งพารามิเตอร์ from_ และ to เพื่อระบุช่วงตัวเลขสำหรับ Spinbox

นอกจากนี้ คุณสามารถระบุความกว้างของวิดเจ็ตโดยใช้พารามิเตอร์ width:

chk = Checkbutton(window, text='Choose')

ตรวจสอบตัวอย่างที่สมบูรณ์:

from tkinter import * from tkinter.ttk import * window = Tk() window.title('Welcome to LikeGeeks app') window.geometry('350x200') chk_state = BooleanVar() chk_state.set(True) #set check state chk = Checkbutton(window, text='Choose', var=chk_state) chk.grid(column=0, row=0) window.mainloop()

คุณสามารถระบุตัวเลขสำหรับ Spinbox แทนการใช้ทั้งช่วงดังนี้:

BooleanVar

ที่นี่วิดเจ็ต Spinbox แสดงเฉพาะ 3 ตัวเลขเหล่านี้: 3, 8 และ 11

ตั้งค่าเริ่มต้นสำหรับ Spinbox

ในการตั้งค่าเริ่มต้นของ Spinbox คุณสามารถส่งค่าไปที่ |_+_| พารามิเตอร์เช่นนี้:

IntVar

ตอนนี้ หากคุณรันโปรแกรม มันจะแสดง 36 เป็นค่าเริ่มต้นสำหรับ Spinbox

เพิ่มวิดเจ็ตแถบความคืบหน้า

ในการสร้างแถบความคืบหน้า คุณสามารถใช้ |_+_| คลาสเช่นนี้:

BooleanVar

คุณสามารถตั้งค่าแถบความคืบหน้าดังนี้:

chk_state = IntVar() chk_state.set(0) #uncheck chk_state.set(1) #check

คุณสามารถตั้งค่านี้ตามกระบวนการใดๆ ที่คุณต้องการ เช่น ดาวน์โหลดไฟล์หรือทำงานให้เสร็จ

เปลี่ยนสีแถบความคืบหน้า

การเปลี่ยนสี Progressbar ค่อนข้างยุ่งยาก

อันดับแรก เราจะสร้างสไตล์และกำหนดสีพื้นหลัง และสุดท้ายกำหนดสไตล์ที่สร้างเป็นแถบความคืบหน้า

ตรวจสอบตัวอย่างต่อไปนี้:

BooleanVar

หลังจากที่คุณเลือกไฟล์และคลิกเปิด ตัวแปรไฟล์จะเก็บพาธของไฟล์นั้นไว้

นอกจากนี้ คุณสามารถขอไฟล์ได้หลายไฟล์ดังนี้:

RadioButton

ระบุประเภทไฟล์ (กรองนามสกุลไฟล์)

คุณสามารถระบุประเภทไฟล์สำหรับไดอะล็อกไฟล์โดยใช้ |_+_| พารามิเตอร์ เพียงแค่ระบุส่วนขยายในทูเพิล

rad1 = Radiobutton(window,text='First', value=1)

คุณสามารถขอไดเร็กทอรีโดยใช้ |_+_| กระบวนการ:

from tkinter import * from tkinter.ttk import * window = Tk() window.title('Welcome to LikeGeeks app') window.geometry('350x200') rad1 = Radiobutton(window,text='First', value=1) rad2 = Radiobutton(window,text='Second', value=2) rad3 = Radiobutton(window,text='Third', value=3) rad1.grid(column=0, row=0) rad2.grid(column=1, row=0) rad3.grid(column=2, row=0) window.mainloop()

คุณสามารถระบุไดเร็กทอรีเริ่มต้นสำหรับไดอะล็อกไฟล์โดยระบุ |_+_| แบบนี้:

rad1 = Radiobutton(window,text='First', value=1, command=clicked) def clicked(): # Do what you need

ง่าย!

เพิ่มแถบเมนู

ในการเพิ่มแถบเมนู คุณสามารถใช้ |_+_| คลาสเช่นนี้:

หาซื้อได้ที่ไหน shiba inu coin usa

from tkinter import * from tkinter.ttk import * window = Tk() window.title('Welcome to LikeGeeks app') selected = IntVar() rad1 = Radiobutton(window,text='First', value=1, variable=selected) rad2 = Radiobutton(window,text='Second', value=2, variable=selected) rad3 = Radiobutton(window,text='Third', value=3, variable=selected) def clicked(): print(selected.get()) btn = Button(window, text='Click Me', command=clicked) rad1.grid(column=0, row=0) rad2.grid(column=1, row=0) rad3.grid(column=2, row=0) btn.grid(column=3, row=0) window.mainloop()

ขั้นแรก เราสร้างเมนู จากนั้นเพิ่มป้ายกำกับแรกของเรา และสุดท้าย เรากำหนดเมนูให้กับหน้าต่างของเรา

คุณสามารถเพิ่มรายการเมนูภายใต้เมนูใดก็ได้โดยใช้ |_+_| ทำหน้าที่ดังนี้:

ScrolledText

ดังนั้นรหัสของเราจะเป็นดังนี้:

from tkinter import scrolledtext txt = scrolledtext.ScrolledText(window,width=40,height=10)

ด้วยวิธีนี้ คุณสามารถเพิ่มรายการเมนูได้มากเท่าที่คุณต้องการ

from tkinter import * from tkinter import scrolledtext window = Tk() window.title('Welcome to LikeGeeks app') window.geometry('350x200') txt = scrolledtext.ScrolledText(window,width=40,height=10) txt.grid(column=0,row=0) window.mainloop()