การเขียนโปรแกรมโดยใช้ Net beans...

25

description

 

Transcript of การเขียนโปรแกรมโดยใช้ Net beans...

Page 1: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android
Page 2: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

� การติดตั�งโปรแกรม NetBeans

� เริ�มตน้เขียนโปรแกรมแรกดว้ย NetBeans

� การดีปักโปรแกรม

การสร้าง App Android� เริ�มตน้การสร้าง Project บน Netbeans

Page 3: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

� การติดตั�งโปรแกรม NetBeans

ขั�นตอนการติดตั�ง (NetBeans IDE Installation)

NetBeans สนบัสนุนการทาํงานหลายระบบ อาทิเช่น Windows, Solaris, Linux และ Macintosh ในที�นี�ขอกล่าวถึงเฉพาะการติดตั�ง ใน WindowsXP ดงันี� 1.Download NetBeans IDE 5.0 (หรือ NetBeans IDE 5.5 Beta) ที� www.netbeans.org จะได้ File (.zip) และใหค้ลาย File .zip นั�นเพื�อทาํการติดตั�ง

Page 4: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

2. ที�ไฟล์ installer ให้ double-click ที� icon ของ installer3. จะพบขั�นตอนการติดตั�งโดยใช้ wizard > และปรากฏหนา้จอ LicenseAgreement > click Next4. ระบุ directory สาํหรับเกบ็ขอ้มูลระหวา่งการติดตั�ง NetBeans IDE5. เลือก JDK ที�คุณตอ้งการใชท้าํงานร่วมกบั IDE > click Next6. ยนืยนัการติดตั�งวา่อยูใ่น location ที�ถูกตอ้งและมีหน่วยความจาํเพียงพอสาํหรับการติดตั�ง7. Click Next เพื�อเริ�มขั�นตอนการติดตั�ง และทาํงานตามขั�นตอนของ Wizard

Page 5: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

เริ�มตน้สร้างโปรเจก็ตใ์หม่โดยเลือกเมนู File > New Project จากนั�นโปรแกรมจะแสดงหนา้ต่างNew Project ขึ�นมา เราสามารถเลือกการสร้างโปรแกรมประยกุตไ์ดห้ลายแบบ ในที�นี� จะสร้างโปรแกรมในลกัษณะ Desktop Application ดว้ยจาวา ใหเ้ลือกโปรเจก็ตเ์ป็น Java แลว้เลือก Java Desktop Application

Page 6: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

สาํหรับคอนโทรลต่างๆ มีใหเ้ลือกมากมายสามารถนาํมาใชง้านได ้โดยสามารถลากมาวางบนฟอร์มไดท้นัที เมื�อวางคอมโพเนนตใ์ดลงไป เราสามารถเปลี�ยนคุณสมบตัิไดใ้นหนา้ต่างคุณสมบตัิ

Page 7: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

ถา้หากตอ้งการสร้างอีเวนตใ์หก้บัปุ่มไดโ้ดยคลิกขวาที�ปุ่มแลว้เลือก Events แลว้เลือก Events ที�ตอ้งการ ในที�นี� จะเลือก Events ที�เกิดจากเมาส์โดยเลือกเป็น Mouse > mouseClicked โปรแกรมจะสร้างหนา้ต่างซอร์สโคด้ออกมา ใหพ้ิมพค์าํสั�งในตาํแหน่งต่อจากคาํวา่ TODO ในที�นี� จะพิมพ์System.out.println(“ann”); เพื�อแสดงขอ้ความออกทางคอนโซล เมื�อคลิกไอคอนรันโปรแกรมจะแสดงหนา้ต่างเอาตพ์ตุ

Page 8: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

การเขียนโปรแกรมคอมพิวเตอร์นั�นบางครั� งอาจตอ้งพิจารณาค่าของตวัแปรต่างๆ ที�เกิดขึ�นระหวา่งการทาํงานของโปรแกรม เพื�อตรวจสอบขอ้ผดิพลาดบางอยา่งที�อาจเกิดขึ�นได ้เช่น การใชต้วัแปรผดิ การเขียนนิพจน์ผดิ ซึ�งขอ้ผดิพลาดเหล่านั�นเรียกวา่บัpก (bug) แต่เนื�องจากโปรแกรมทาํงานเร็วมาก บางครั� งอาจตอ้งใหโ้ปรแกรมหยดุในตาํแหน่งกาํหนดจุดหยดุของโปรแกรมชั�วคราว หรือดูค่าของตวัแปรระหวา่งโปรแกรมทาํงานได้

Page 9: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

�เริ�มตน้การสร้าง Project บน Netbeans

เลือกเมนู File -> New Project

Page 10: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

เลือก Java -> Java Application

Page 11: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

กาํหนดชื�อ Project ในส่วนของ Create Main Class ใหต้ิpกออก จากนั�นเลือก Finish

Page 12: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

ตอนนี�ไดโ้ปรเจคเปล่า ๆ ยงัไม่มีไฟล ์.java

สร้าง Package โดยการคลิกขวา Project -> New -> Java Package...

Page 13: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

ใส่ชื�อ Package เช่น com.java.myapp

ได ้Package เช่น com.java.myapp

Page 14: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

สร้างไฟล์ Class ของ Java

คลิกขวาที� Package เลือก New -> Others...

Page 15: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

การสร้าง GUI ในการสร้างไฟล ์.java แบบ GUI สามารถเลือก Class ไดห้ลายตวัมาก เช่น

Swing GUI Forms และภายใน Swing กม็ี Class แยกยอ่ยอีกหลายตวั เช่นเดียวกนั

Page 16: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

หรือจะเลือกใช ้AWT GUI Forms ซึ�งจะแยกยอ่ย Class ไดอ้ีก 4-5 ตวั

Page 17: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

หลายคนจะยงัสงสยัวา่จะเลือกตวัไหนดี ซึ�งปกติแลว้พวกการเลือกพวก GUI ต่าง ๆ เป็เพียงค่า Default เริ�มตน้ตอนที�สร้างไฟลC์lass เท่านั�น แต่หลงัจากที�สร้างแลว้ เราสามารถทาํการแกไ้ข Code ต่าง ๆ และเรียกใช่�งาน Class ต่าง ๆ เพิ�มไดท้ีหลงั และสามารถใชไ้ดท้ั�ง Swing และ AWT หรืออื�น ๆ ในการออกแบบและสร้าง Form ได้

ในขั�นตอนนี� ใหเ้ลือก Swing GUI Forms -> JFrame Form

Page 18: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

กาํหนดชื�อ Class

Page 19: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

ตอนนี�ไดเ้ราได ้Class ที�มี .java เรียบร้อยแลว้ พร้อมทั�ง Form

เปล่า ๆ ที�โปรแกรมสร้างมาให้

Page 20: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

จะเห็นวา่มี Toolbox ที�ประกอบดว้ย Controls และ Object

ต่าง ๆ มากมาย ที�ไวอ้อกแบบ Form

Page 21: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

ก่อนอื�นใหเ้ราเขา้ใจเกี�ยวกบั Layout ของ Form ซะก่อน ซึ�งปกติแลว้เวลา

เราเขียนบน VB.Net หรือ Visual Studio จะมีการจดัพวก Control ต่าง ๆ ตาม

ตาํแหน่ง X , Y ของ Form แต่ในภาษา Java เราสามารถเลือกที�จะจดัรูปแบบของ

Control และ Object ต่าง ๆ ได ้เช่น จะเป็นแบบ GridLayout (ใหน้ึกถึง HTML แบบ

Table) และอื�น ๆ อีกหลายรูปแบบ แต่ในค่าพื�นฐานแนะนาํใหป้รับเป็น Null layout

คือจดัวางตาํแหน่งแบบ X , Y เหมือนกบั VB.Net ที�เราคุน้เคย

Page 22: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

ทดสอบการสร้าง Label , TextField และ Button ดว้ย (JLabel, jTextField และ jButton) อาศยัการลากวาง ๆ

Page 23: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

ปรับแต่ Properties ของ Form ซะหน่อยดว้ยการคลิกที� Form แลว้ไปที� Properties -> Code -> Form Size Policy -> Generate Resize Code

หรือจะปรับแต่งพวก Size ไดต้ามขนาดที�ตอ้งการ

Page 24: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

ทดสอบการรันโปรแกรม

เลือก Class ที�เราไดส้ร้างไวเ้พื�อทาํการ Run

Page 25: การเขียนโปรแกรมโดยใช้ Net beans และการสร้าง App Android

ไดผ้ลลพัธ์ดงัรูป

สรุป จากผลลพัธ์จะเห็นวา่ Netbeans ช่วยใหเ้ราสร้าง Form GUI ดว้ย Java แบบง่ายมาก ๆ โดยที�เรายงัไม่ไดเ้ขียน Code เลยซะบรรทดั ก็สามารถสร้าง GUI ไดแ้ลว้ และขั�นตอนถดัไป หลงัจากได ้GUI แลว้ เราจะตอ้งสร้าง Event เหตุการณ์ต่าง ๆ กบั User เช่นการรับค่าผา่น Input และแสดง Dialog โตต้อบแบบง่าย ๆ