Please enable JavaScript.
Coggle requires JavaScript to display documents.
การเขียนโปรแกรมแบบ Graphical User Interface : GUI - Coggle Diagram
การเขียนโปรแกรมแบบ Graphical User Interface : GUI
ก่อนการพัฒนา GUI ด้วย Python จะต้องออกแบบหน้าตาของ GUI เสียก่อน โดยการสเก็ตช์ภาพบน
กระดาษ หรือออกแบบด้วยโปรแกรมสําหรับสร้างงานกราฟิกด้วยคอมพิวเตอร์อย่างคร่าวๆ เสียก่อน
วาดเส้น Grid เพื่อใช้กําหนดขอบเขตสําหรับการจัดวางตําแหน่ง (Layout) ของ Object ต่างๆ ใน
โปรแกรม จากตัวอย่างจะทําการกําหนดเส้น Gird เป็น 4 แถว 3 คอลัมน์ โดยจะเริ่มตําแหน่งที่ 0
5 ขั้นตอนการสร้าง GUI
สั่งให้โปรแกรมวนลูปรับคําสั่งจากผู้ใช้งานไปเรื่อยๆ จนกว่าจะปิดโปรแกรม ด้วยคําสั่ง root.mainloop()
เขียนโปรแกรมตรวจสอบเหตุการต่างๆ (Event) ที่เกิดขึ้นจากผู้ใช้งานกระทํากับ Widget ใดๆ เช่น การคลิก
การลาก การปล่อย เป็นต้น
เพิ่ม Widgets หรือ Object ลงในหน้าต่างหลัก เช่น Button, Label, Entry โดย
รูปแบบการเขียน Widget
ชื่อตัวแปร = ประเภท Widget(ตําแหน่งที่จะวาง Widget, Option หรือ คุณสมบัติ)
ตัวอย่าง
lbl_name=Label(root,text=“ความกว้าง”,bg=“pink”)
lbl_name.grid(row=0 column=0) #เป็นการวางตําแหน่งให้กับ Widget หากไม่มีคําสั่งนี้จะไม่แสดง
ผลลัพธ์บนหน้าต่าง root
สร้างหน้าต่าง GUI หลัก ด้วยคําสั่ง root=Tk()
นอกจากสร้างหน้าต่าง GUI แล้วยังสามารถกําหนดคุณสมบัติให้กับหน้าต่าง root ได้ด้วยคําสั่งต่อไปนี้
root.title(“ชื่อโปรแกรม”) #กําหนดชื่อโปรแกรมบน Title bar
root.geometry(“550x200”) #กําหนดขนาดหน้าต่าง root เป็น pixcel โดยใช้ ความกว้าง x(เอ็กซ์)
ความสูง
root.configure(background=“ชื่อสีพื้นหลัง”)
นําเข้าโมดูล Tkinter เป็นโมดูลที่เรียกใช้งาน GUI ด้วยคําสั่ง from tkinter import*