2.1

การพัฒนาแอปพลิเคชนั
เครอื่ งคิดเลขด้วยภาษา

ไพทอน (Python)

2 การสรา้ งส่วนตอ่ ประสานกราฟิกกบั ผู้ใช้

ในการเขียนโปรแกรมท่ีมีส่ วนต่อประสานกราฟิก
กับผู้ใช้ (Graphical User Interface: GUI) จะช่วยให้เห็น
ภาพรวมของโปรแกรมได้ดี ในภาษาไพทนมีโมดูล tkinter
ท่ีช่วยให้การพัฒนาส่ วนต่อประสานกราฟิกกับผู้ใช้ทาได้
งา่ ยและรวดเรว็ ข้ึน ซ่งึ มี 4 ข้ันตอน ดังน้ี

นาเข้าโมดูล tkinter

สรา้ งหน้าต่างหลัก
(main window)

จัดวางวดิ เจ็ต
(Widget)

เช่ือมโยงเหตกุ ารณ์
(event)

การสรา้ งส่วนตอ่ ประสานกราฟิกกบั ผู้ใช้

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

ตัวอย่างท่ี 2.11 การสรา้ ง
หน้ าต่างหลักดว้ ย tkinter

ทดลองรนั โปรแกรมไพทอนตอ่ ไปน้ี

ตัวอยา่ งท่ี 2.11 การสรา้ ง
หน้ าตา่ งหลักด้วย tkinter

ผลลัพธท์ ่ไี ดค้ ือ

ตัวอย่างท่ี 2.11 การสรา้ ง
หน้ าต่างหลกั ด้วย tkinter

ตวั อย่างท่ี 2.11 อธบิ ายไดด้ งั น้ี
1.บรรทัดท่ี 1 เป็นการนาโมดูล tkinter
เข้ามาในโปรแกรมแล้วจะอ้างถึงโมดูล
น้ี ดว้ ยชอื่ tk
2. บรรทัดท่ี 3 เป็นการเรียกใช้ฟังก์ชัน
Tk() จากโมดูล tkinter ซ่ึงเป็นฟังก์ชัน
ท่ีช่วยสร้างหน้ าต่างหลักข้ึนมา โดยจะ
อา้ งถึงหน้ าตา่ งน้ีดว้ ยชื่อ m

ตวั อยา่ งท่ี 2.11 การสรา้ ง
หน้ าต่างหลักด้วย tkinter

3. บรรทัดท่ี 4 ใช้เมท็อด title() เพื่อ
กาหนดช่ือให้กับหน้าตา่ ง m
4. บรรทัดท่ี 5 ใช้เมท็อด mainloop ()
เพ่ือให้หน้ าต่าง m ถูกแสดงผลข้ึนบน
จอภาพ โดยฟังก์ชันน้ี จะรอรับคาส่ั ง
และประมวลผลโปรแกรมตาม
เหตุการณ์ ท่ีเกิดข้ึนไปจนกว่าหน้ าต่าง
หลักจะถูกปิ ดลงด้วยการคลิกปุ่ ม x
(Close) ของหน้ าตา่ ง