NetBeans: วิธีสร้าง JFrame

JFrame คืออะไร ? ที่จริงก่อนจะทำความรู้จักกับ JFrame เราควรจะรู้จักคำว่า GUI เสียก่อน GUI ย่อมาจาก Graphical User Interface เป็นเรื่องของการนำกราฟิกมาใช้สร้างส่วนต่อประสานกับผู้ใช้

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

java_basic_if_08

แต่ในการสร้างโปรแกรมขึ้นมาใช้งานจริง เราจะใช้กราฟิกเข้ามาช่วยปิดบังเบื้องหลังโค้ดเอาไว้ ผู้ใช้ (User) ก็จะใช้งานโปรแกรมของเราโดยมองไม่เห็นโค้ดเลย เช่น

java_basic_if_else_04

JFrame คืออะไร ?

Java-gui-jframe-01

JFrame ก็คือรูปกรอบ 4 เหลี่ยมด้านบนนี่แหละค่ะ จะเห็นว่า มี icon สัญลักกษณ์ Java มีหัวข้อว่า “ตรวจคะแนนสอบ” มีปุ่มย่อ ปุ่มขยาย ปุ่มปิด ครบเลย ส่วนพื้นที่ในกรอบ 4 เหลี่ยม คือที่ที่เราสามารถลากส่วนอื่น ๆ มาใช้งานเพิ่มเติมได้ เช่น

java_basic_if_else_03

 

วิธีสร้าง JFrame

ในโปรแกรม NetBeans สามารถสร้าง JFrame ได้ง่าย ๆ  คือ หลังจากสร้างโปรเจ็กต์ และสร้าง Package ขึ้นมาแล้ว ในขั้นตอนของการสร้างไฟล์ ไปที่ New เราเลือกสร้างไฟล์ Java ประเภท JFrame Form….

Java-gui-jframe-02

จะปราฏหน้าจอให้ตั้งชื่อ JFrame ตั้งได้ตามใจชอบเลยค่ะ

Java-gui-jframe-3

กดที่ปุ่ม finish เราก็จะพบกับ JFrame ที่สร้างขึ้นมาเปล่า ๆ ไม่มีอะไรข้างใน

Java-gui-jframe-4

ลองคลิกขวาที่ชื่อไฟล์ แล้วสั่ง Run File

Java-gui-jframe-5

จะได้ผลลัพธ์ดังนี้

Java-gui-jframe-6

สรุป

JFrame เป็นการสร้างส่วนต่อประสานผู้ใช้ (user interface) โดยเบื้องหลังของมันคือโค้ดต่าง ๆ ในการเริ่มต้นเรียนรู้เรื่อง GUI เราจะได้ทำความรู้จักกับ JFrame เป็นอันดับแรก เพราะมันจะเป็นหน้าจอพื้นฐานที่เราต้องสร้างก่อน หลังจากนั้นค่อยทำการลากส่วนประกอบอื่น ๆ เข้ามาวางบน JFrame และเขียนโค้ดเพื่อควบคุมใช้งานส่วนต่าง ๆ ต่อไป

 


เรื่องที่เกี่ยวข้อง

NetBeans: วิธีสร้าง JFrame

NetBeans: ทำความรู้จัก Label กับ TextField

NetBeans: ทำความรู้จักกับ Button

ตัวอย่างโปรเจ็กต์: เช็คผลสอบ

ตอนที่ 1 (ภาพรวมของระบบ)

ตอนที่ 2 (ระบบฐานข้อมูล)

ตอนที่ 3 (เชื่อมต่อ Java กับ Database)

ตอนที่ 4 (สร้างออบเจ็กต์เก็บข้อมูล)

ตอนที่ 5 (ประมวลผลข้อมูล)

ตอนที่ 6 (ดึงข้อมูลจากตาราง)

ตอนที่ 7 (นำข้อมูลไปแสดงผลจริง)


 

ธมนวรรณ มณีจันทร์

ธมนวรรณ มณีจันทร์

|:- เราเชื่อมั่นว่าการเสียสละและการแบ่งปันจะทำให้โลกใบนี้สวยงามมากขึ้น ทุกๆ จุดเริ่มต้นของการเรียนรู้ นำไปสู่การเรียนรู้ถัดไป เว็บไซต์แห่งนี้ขอเป็นส่วนหนึ่งของการแบ่งปันความรู้ที่ไม่มีที่สิ้นสุด มาร่วมกันผลักดันโลกของเราให้หมุนไปพร้อมกับพลังแห่งความรักด้วยกันนะคะ :) >>> |:- About Me! -:|