การสร้าง Bean ใน NetBeans

การสร้าง Bean ใน NetBeans
 1. สร้าง Projectใหม่ ไปที่ File -- New Project



2. เลือก Java Application หลังจากนั้น กด Next

 3. ตั้งชื่อโปรเจ็คที่ต้องการเลือกพื้นที่ที่จะบันทึก จากนั้นให้กด Finish

4. click ขวาที่ชื่อโปรเจ็ค ทางด้ายซ้ายมือ แล้วทำการเลือก New -->>JFrame Form

5. ตั้งชื่อ Class แล้วกด Finish

6. ทำการ import file beans เข้ามาใน NetBeans ให้เลือก Tool-->>Palatte-->>AWT Components

7. ทำการคลิ๊กที่ Add from JAR

8. จากครั้งที่แล้วที่ได้สร้างโปรแกรม CounterBeans ที่นำมาประกอบมี OurButton (อยู่ใน buttons.jar) , Counter (อยู่ในCounter.jar)และ TickTock(อยู่ใน misc.jar) ทำการเลือกไฟล์ .JAR ทั้ง3ไฟล์แล้วกด Next

9. โปรแกรมจะแสดงตัว Beans ทั้งหมดจากไฟล์ .JAR ถ้าไม่พบไฟล์ที่ต้องการ ให้เลือกติ๊กที่ Show All JavaBeans ด้านล่างก่อนแล้วเลือก Beans ที่ใชั้ทั้ง 3 ตัว คือ Counter ,OurButton, TickTock ตามภาพ

10. จะแสดงผลใน Category ใด เลือกใส่ไว้ใน Beans กด Finish

 หมายเหตุ >> จะพบว่า Beans ทั้งหมดถูก import เข้ามาในกล่อง Palette ช่อง Beans ด้านขวามือบน

11. . ต่อไปเป็นการประกอบตัวหน้าตาโปรแกรม โดยการลาก Beans ที่ Import เข้ามาจัดวางลงในหน้าต่างส่วนกลาง โดยเริ่มต้นที่ลากปุ่มมาใส่จาก Beans OurButtonตั้งค่า Propertie ในกล่องด้านขวามือ ช่อง Label เพื่อเปลี่ยนข้อความบนปุ่ม
สร้าง 3 ปุ่มคือ Start Stop และ Reset

 12. ลาก Counter มาจัดวาง แล้วทำการปรับขนาดให้เรียบร้อย

 13.  ทำการลาก TickTock มาวาง ซึ่งจะไม่ปรากฏบนหน้าต่าง Interface
ปรับค่า Intervalในกล่อง Properties ด้านขวามือเป็น 1 (เพิ่มขึ้นทีละ1)

14.กล่อง Inspector ด้านซ้ายมือล่าง คลิกขวาที่ tickTock1 (ตัว Object Beans TickTock)
เลือก Events -- PropertyChange -- propertyChange

15.  มันจะสร้าง Method tickTock1PropertyChange ซึ่งสามารถเรียกใช้งาน Eventได้ ทำการเรียก increment มาใช้งาน โดยเขียนเป็น ชื่อ Counter.increment(); (ชื่อCounter ของเราคื่อ counter1 จากข้อเมื่อกี้ได้กล่าวไว้)

 

 16. ต่อไปเป็นการกำหนด Event ให้กับปุ่มทั้ง 3คลิกขวาที่กล่อง Inspector ด้านซ้ายมือล่าง เลือกปุ่มแรกที่ชื่อว่า ourButton1 เลือก Events -- Action -- actionPerformed

17. มันจะสร้าง Method ให้เหมือนเดิม กำหนดให้ Counter เริ่มทำ ใช้คำสั่ง ชื่อCounter.start();

อีก 2 ปุ่มทำเหตุการณืเดียวกันแต่เปลี่ยนคำส่ง Event เป็น
ชื่อCounter.stop(); เพื่อหยุด และ ชื่อCounter.reset(); เพื่อเคลียร์ค่า

 18. เสร็จแล้วทำการเปิดดูโปรแกรมด้วยการคลิกขวาที่ Form เลือก Run File หรือกด Shift + F6

สุดท้ายจะได้ผลลัพธ์ของโปรแกรม : กดStop เพื่อหยุด, กดResetเพื่อเคลียร์ค่าเป็น0,กดStartเพื่อเริ่มใหม่