ในบทความนี้จะลองนำ Beans ที่สร้างขึ้นเองเข้าไปใช้งานในโปรแกรม NetBeans
1. สร้าง Projectใหม่ ไปที่ File -- New Project
2. เลือก Java Application กด Next
3. ตั้งชื่อโปรเจ็ค เลือกปลายทางบันทึกไฟล์งานได้แล้วกด Finish
4. คลิกขวาที่ชื่อ Project ที่กล่อง Project ด้านซ้ายมือเลือก New -- JFrame Form ...
5. ตั้งชื่อ Class กด Finish
6. หลังจากที่ได้สร้าง Beans เป็นไฟล์ Jar ไว้แล้ว ต่อไปจะ import ไฟล์ beans เข้ามาใช้ใน NetBeans
เลือก Tool -- Palatte -- Swing/AWT Components
7. คลิกที่ Add From JAR ...
8. จากครั้งที่แล้วที่ได้สร้างโปรแกรม Counter
Beans ที่นำมาประกอบมี 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
** สังเกตกรอบสีเขียว คือ ชื่อของ Counterที่เราสร้างขึ้นในForm ชื่อว่า counter 1 **
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เพื่อเริ่มใหม่
ไม่มีความคิดเห็น:
แสดงความคิดเห็น