โดยในครั้งนี้เราก็จะลองสร้างโปรแกรมเดิมคือโปรแกรม Counter นะครับ
- เริ่มจากทำการสร้างโปรเจคก่อนนะครับ ในที่นี้เราจะตั้งชื่อว่า Counter
- จากนั้นทำการคลิกขวาที่ส่วนของ package แล้วเลือก New > JFrame Form เพื่อเป็นการสร้าง JFrame Form ขึ้นมาครับ
- เมื่อสร้างแล้วจะปรากฏหน้าต่างขึ้นมาใหม่พร้อมกับจะมีไฟล์ที่ชื่อว่า NewFrame.java ทางด้านซ้ายมือครับ
- จากนั้นเราต้องทำการเพิ่ม Bean ที่เราจะต้องใช้งานโดยการเข้าไปที่ Tools > Palette > Swing/AWT Components
- เมื่อกดแล้วจะขึ้นหน้าต่างของ Palette Manager ดังรูป จากนั้นให้เลือกคำสั่ง Add from JAR
- จากนั้นให้ไปยังโฟลเดอร์ที่เราได้ติดตั้ง BDK ไว้ให้เราเข้าไปที่ beans > jar จากนั้นให้ทำการเลือก buttons.jar , Counter.jar , misc.jar แล้วทำการกด Next (โดยในการเลือก ให้เราทำการกดปุ่ม Ctrl ค้างไว้แล้วทำการคลิกตัวที่เราเลือกนะครับ)
- เมื่อกด next แล้วจะปรากฏในส่วนของหน้าต่างในการเลือก component ให้เราทำการเลือกที่ Show All JavaBeans จากนั้นจะมี component เพิ่มเติมขึ้นมาให้เราเลือกในส่วนของ Counter , ExplicitButton , TickTock (โดยในการเลือก ให้เราทำการกดปุ่ม Ctrl ค้างไว้แล้วทำการคลิกตัวที่เราเลือกนะครับ)
- จากนั้นให้เราเลือก Categories คือจะเป็นที่ไอ่เจ้าตัว component จะให้ไปแสดงในส่วนไหน ซึ่งในที่นี้ผมจะเลือกในส่วนของ Categories Beans นะครับ
- เมื่อเรากด Finish แล้วตัว component ที่เราได้เพิ่มมันไปจะไปปรากฏอยู่ทางด้านขวามือของจอในส่วนของ Palette นะครับหลังจากนั้นเราก็จะสามารถที่จะใช้งานในส่วนของ component นี้ได้แล้ว
- จากนั้นให้เราลากในส่วนของ Counter จาก Palette ไปไว้ในส่วนของ Frame ที่อยู่ตรงกลางครับ
สำหรับผู้ที่มีปัญหา เมื่อใช้งาน Counter Bean แล้วพบข้อความ "The component cannot be instantiated. Please make sure it is a JavaBeans component." ให้ทำการ comment หรือ ลบ method getPreferredSize() ก่อน แล้วสร้างไฟล์ JAR อีกครั้ง ก่อนนำเข้ามาใน NetBeans
- จากนั้นให้เราทำการปรับชื่อตัวแปรที่ Properties (Properties อยู่ทางด้านขวามืออยู่ล่าง Palette นะครับ ) แล้วเลือกแถบ Code จากนั้นให้แก้ไขตรง Variable Name ในที่นี้จะใช้ชื่อว่า counter นะครับ
- เลือก component ExplicitButton แล้วนำมาวางในส่วนของ Frame เพื่อสร้างปุ่มนะครับ เมื่อทำการสร้างแล้วให้เราไปปรับค่า เริ่มจาก Properties แล้วให้ทำการแก้ label เป็น start จะเป็นการเปลี่ยนชื่อปุ่ม จากนั้นให้เข้าไปเปลี่ยนที่ Code แล้วทำการแก้ Variable Name เป็น startButton นะครับ
- หลังจากนั้นให้ทำการสร้างปุ่มขึ้นมาอีก 2 ชิ้นนะครับ ใช้วิธีเดียวกันกับด้านบน แล้วทำการตั้ง label เป็น Stop Reset ส่วนใน Variable Name ให้เปลี่ยนเป็น stopButton และ resetButton ตามลำดับครับ
- ให้ทำการลาก component TickTock นำไปวางไว้ตรงส่วนของ Frame จากนั้นจะปรากฏในส่วนของ Inspector ซึ่งอยู่ทางด้านล่างซ้ายครับ
- จากนั้นให้คลิกขวาตรง tickTock แล้วเลือก Events > PropertyChange > propertyChange
- เมื่อเรากดแล้วตัว NetBean จะทำการ Gen tickTock1PropertyChange มาให้ แล้วให้เราทำการพิมพ์คำสั่งเพิ่มเติมคือ counter.increment(); ดังรูป
- กดคลิกขวาตรงส่วนของ startButton ตรงส่วนของ Inspector แล้วเลือก Events > Action > actionPerformed
- เมื่อคลิกแล้วตัว NetBean จะทำการ Gen startButtonActionPerformed มาให้ แล้วให้เราทำการพิมพ์คำสั่งเพิ่มเติมคือ counter.start(); ดังรูป
- จากนั้นให้เราทำเช่นเดียวกันกับการทำส่วนของ startButton แต่ไปทำในส่วนของ stopButton และ resetButton ให้ทำการพิมพ์คำสั่ง counter.stop(); ใน stopButtonActionPerformed และ counter.reset ใน resetButtonActionPerformed ดังรูป
- เมื่อเสร็จแล้วให้ทำการสั่ง Run ก็จะเป็นอันว่าเสร็จสิ้นการสร้างโปรแกรม Counter เรียบร้อยครับ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น