วันศุกร์ที่ 1 กรกฎาคม พ.ศ. 2554

JavaBean ใน NetBeans(2)

จากตอนที่แล้วได้ทิ้งท้ายไว้จากการ import TickTock.jar
เข้าใน Netbeans ตามวิธีที่ได้กล่าวมาในตอนที่แล้ว จะได้
TickTock.jar อยู่ในหมวดของ Beans


จากนั้นให้เลือก Counter และคลิกเม้าส์ซ้ายค้างไว้ลาก Counter มาในพื้นที่ของ Frame

จะได้เป็นกรอบสี่เหลี่ยมเล็กๆ ให้ปรับขนาดให้เหมาะสม จะเห็นเลข 0 อยู่ในกรอบสี่เหลี่ยมดังรูป

ต่อไปเราจะทำการสร้างปุ่มเพื่อควบคุม Counter เราจะสร้างทั้งหมด 3 ปุ่มด้วยกันคือ
1. ปุ่ม Start เพื่อสั่งให้ Counter เริ่มนับ
2. ปุ่ม Stop เพื่อสั่งให้ Counter หยุดนับ
3. ปุ่ม Reset เพื่อ Reset Counter ให้ = 0 หรือเริ่มใหม่

วิธีการสร้างปุ่ม
ขั้นตอนแรกให้ดูที่หน้าต่าง Palatte ทางด้านขวา
ในหมวด Swing Controls จะมีคำสั่ง Button อยู่
ให้คลิกเม้าส์ซ้ายค้างไว้ลาก Button มาในพื้นที่ของ Frame จะได้ดังรูป
ให้เปลี่ยนชื่อปุ่มเป็น Start โดยคลิกขวาที่ปุ่ม เลือก Edit Text พิมพ์ Start จากนั้นให้สร้างปุ่ม Stop กับ Reset ในวิธีเดียวกันนี้
ขั้นตอนต่อไปเราจะกำหนด Event ให้กับปุ่มโดยจะสั่งว่า เมื่อคลิกปุ่ม Start,Stop,Reset
ให้ Counter ทำตามคำสั่งของปุ่มนั้น ซึ่งเราจะต้องเชื่อมปุ่ม 3 ปุ่มนี้ให้มีความสัมพันธ์กัน
กับ Counter ก่อน จะนำเสนอวิธีที่ง่ายดังนี้

ในโหมด Design ให้คลิก Connection Mode ซึ่งเป็น icon อยู่ในแถบเดียวกันกับโหมด Design
จากนั้นให้คลิกที่ปุ่ม Start จะขึ้นกรอบสีแดงรอบปุ่ม Start ดังรูปจากนั้นให้คลิกที่ Counter ใน Frame จะขึ้นหน้าต่าง Connection Wizard ดังรูป ให้เลือก mouse > mouse clicked จากนั้นคลิก Next >จากนั้นติ๊กเลือก Method Call และหา Method ที่ชื่อว่า start()คลิก Finish โปรแกรมจะสลับมาโหมด Source ให้โดยอัตโนมัติ และเห็นว่าเราได้เชื่อม
ปุ่ม Start กับ Counter เรียบร้อยแล้ว จะปรากฎ Code โปรแกรมดังนี้นี่คือเราได้เชื่อมปุ่มกับ Counter เรียบร้อยแล้ว

ให้เราสลับไปโหมด Design และทำวิธีการเดียวกันนี้กับ ปุ่ม Stop และ Reset
หากทำเสร็จเรียบร้อย Code ที่ได้จากการเชื่อมกันระหว่างปุ่ม กับ Counter จะได้ดังรูป
ในขั้นตอนต่อไปเราจะทำการเชื่อม Counter.jar กับ TickTock.jar เข้าด้วยกันดังนี้

ในหน้าต่าง Palatte หมวด Beans ให้เลือก TickTock คลิกเม้าส์ซ้ายค้างไว้แล้วลาก
TickTock เข้ามาในพื้นที่ Frame เรา

ในส่วนนี้เราจะไม่เห็นการเปลี่ยนแปลงใน Frame
แต่หากสังเกตหน้าต่าง Navigator ทางด้านซ้ายล่าง จะเห็นว่า ในหัวข้อ Other Components
จะมี tickTock1 [TickTock] อยู่ แสดงว่า เราได้เพิ่ม TickTock.jar
เข้ามาใน Frame เรียบร้อยแล้วต่อไปเราจะเชื่อม TickTock.jar เข้ากับ Counter.jar ดังนี้

ให้เลือก Connection Mode ดังที่กล่าวมาข้างต้น
จากนั้น ในหน้าต่าง Navigator ให้คลิก tickTock1 [TickTock] จะปรากฎแถบสีน้ำเงิน
แสดงว่าเลือกแล้ว
และคลิก counter1 [Counter] ในโหมดของ JFrame ในหน้าต่าง Navigator เช่นกัน
จะปรากฎหน้าต่าง Connection Wizardเลือก propertyChange ให้หัวข้อ PropertyChange จากนั้นคลิก Next
ติ๊กเลือก Method Call เลือก Method ที่มีชื่อว่า increment() จากนั้นคลิก Finishหาทำการเชื่อมสำเร็จ Code จะมีดังรูป
ต่อไปจะทำการ Set interval ให้ TickTock ดังนี้

คลิกเลือก tickTock1 [TickTock] ในหน้าต่าง Navigator สังเกตทางด้านขวา
หน้าต่าง Properties ในหัวข้อ interval ให้เปลี่ยนจากเลข 5 เป็นเลข 1ทำการ Run Program ในหน้าต่าง Project ด้านซ้ายบน
คลิกขวาที่ Clockframe เลือก Run file หรือกด Shift+F6 ที่คีย์บอร์ดก็ได้จะปรากฏหน้าต่างของโปรแกรม ดังรูปเท่านี้เราก็จะได้โปรแกรมที่เราต้องการโดยสามารถควบคุม event จากการคลิกเม้าส์ที่ปุ่มได้..

จากขั้นตอนที่ได้กล่าวมาแล้ว หวังว่าจะไม่ยากเกินไปสำหรับนักพัฒนามือใหม่นะคะ..
ในตอนต่อไปเราจะมาดูกันว่าเราสามารถประยุกต์ใช้ JavaBean ในโปรแกรมอะไรได้อีกบ้าง
ติดตามตอนต่อไปค่ะ...

ไม่มีความคิดเห็น:

แสดงความคิดเห็น