[งานที่ 3] รู้จักโปรเจค และการสร้างอินเตอร์เฟส Java Application GUI Windows กันได้แล้ววววววว #2(ต้องมีต่อสิ)

[งานที่ 3] รู้จักหน้าตาโปรเจค, โค้ดและการสร้างอินเตอร์เฟส



ต่อมาจาก [งานที่ 2] หลังการติดตั้ง plug-in ท่ีมีชื่อว่า windowbuilder 1.9.2 ไปแล้ว ตัว plug-in ตัวนี้เป็นตัวเสริมที่ทำให้สามารถสร้าง application GUI ที่ทำงานบนระบบปฏบัติการ Windows ได้

1. เริ่มด้วยการสร้างโปรเจค เลือก File > New > Project...

2. เลือก SWT/JFace Java Project ภายใต้โฟล์เกอร์ WindowBuilder

3. ตั้งชื่อโปรเจคว่า myEasyCalculator และกด Finish

4. ขึ้นข้อความ New mpdule-info.java ให้กด Create

5. ก็จะได้โปรเจคที่พร้อมใช้งาน 1 โปรเจค

6. สร้างไฟล์อินเตอร์เฟสขึ้นมา โดยคลิป File > New > Other...

7. เลือก WindowBuilder > Swing Designer > JFrame

  • JFrame หน้าต่างปกติของ Windows form มีปุ่ม Minimize และปุ่ม Maximize อยู่บน Titlebar
  • JDialog หน้าต่างที่ไม่มีปุ่ม Minimize และปุ่ม Maximize อยู่บน Titlebar
8. ตั้งชื่อให้กับ JFrame ชื่อว่า WindowJFrame และกด Finish

9. จะได้หน้าต่างของไฟล์ JFrame ทั้งส่วนของ Code และ Design
ส่วนของ Code

ส่วนของ Design
สามารถเปลี่ยนรูปแบบการทำงานได้ด้านล่าง

 10. ออกแบบหน้าต่างให้เป็นเครื่องคิดเลขโดยการล่างปุ่มต่างๆ มาวางไว้ที่หน้า Design

เสร็จสิ้นสำหรับบทนี้

ศึกษาข้อมูลเพิ่มเติม https://www.genuitec.com/docs/visual-design/java-gui-design-using-swtswing/

ความคิดเห็น