เอกสารประกอบการสอน 3204_2007

- 200 - ขนั้ ตอนต่อไปน้จี ะเป็นการสร้างอเี วนตใ์ หก้ ับคอนโทรลแต่ละตวั โดยคอลโทรลตวั แรกคือปมุ่ ชอ่ื Button1 ซ่ึงบนปุ่มมคี ำว่า English ใหด้ ับเบลิ คลิกท่ีปุ่มนแ้ี ล้วเขยี นโค้ดใหก้ บั โปรแกรมยอ่ ยของอี เวนตน์ ้ี โดยเขยี นเป็น หมายความว่าเมือ่ คลิกท่ีปมุ่ น้ีจะทำให้เลเบลแสดงคำวา่ Hello World โดยโปรแกรมยอ่ ย ของอเี วนต์จะเปน็ ดงั ตอ่ ไปน้ี ขั้นตอนตอ่ ไปสรา้ งอีเวนต์ใหก้ บั ปุ่ม Spanish โดยเขียนโค้ดดงั ต่อไปน้ี ตอ่ ไปสรา้ งอเี วนตใ์ ห้กบั ปุ่ม Exit โดยคลิกทป่ี มุ่ นี้จะใหโ้ ปรแกรมจบการทำงาน โดยเขียนโค้ด ดงั น้ี โดยออบเจก็ ต์ Me จะหมายถึงโปรแกรมท่ีกำลงั ทำงานอยู่ สวนเมธอด Close() เป็นการบอก วา่ ให้ปดิ โปรแกรม สำหรับป่มุ Print เม่ือคลิกปุ่มน้ีจะให้แสดงเปน็ เอกสารกอ่ นพิมพข์ องโปรแกรมออก ทางจอภาพ ซึ่งสามารถเขียนโคด้ ใหก้ ับอเี วนตข์ องปุ่มนี้ ดงั นี้ สำหรบั โค้ดของโปรแกรมที่เขียนขน้ึ แล้วทดลองคลิกเมาสท์ ่ีปุม่ ต่างๆ ดงั ตัวอยา่ งต่อไปนี้

- 201 - ให้ทดลองรนั โปรแกรมทีเ่ ขียนขึน้ แลว้ ทดลองคลกิ เมาสท์ ป่ี ุ่มต่างๆ ดงั ตัวอย่างตอ่ ไปนี้ ในการเขยี นโปรแกรมด้วย VB นนั้ เม่ือเริ่มพมิ พค์ ำสงั่ ตา่ งๆ หรอื พมิ พ์ชื่อออบเจ็กตต์ ่างๆ ลงไป แล้วตามดว้ ยจุด โปรแกรมจะมี Intelligence หรือ AutoComplete เปน็ Popup ขึ้นมาทำให้เขยี น โปรแกรมได้สะดวกมาก

- 202 - ตวั อยา่ งตอ่ ไปนี้จะแสดงการพฒั นาโปรแกรมอยา่ งงา่ ยอกี โปรแกรมหนงึ่ โดยนำคอนโทรล ชนิดปุม่ กด เลเบล และเทก็ ซ์บ็อกซ์มาวางบนฟอรม์ โดยพฒั นาตัวอย่างโปรแกรมสำหรับรา้ นค้าเพอ่ื แสดงรายการโปรโมชนั ตา่ งๆ ตามท่ีผ้ใู ชเ้ ลอื ก ให้ออกแบบฟอรม์ ของโปรแกรมและตง้ั ช่อื ให้กบั ออบเจก็ ต์ต่างๆ ดังรปู ตอ่ ไปน้ี พร้อมท้งั นำ PrintForm มาวางบนฟอร์มดว้ ย

- 203 - สำหรับการเขยี นโค้ดโปรแกรมใหก้ บั อเี วนต์ของปุ่มตา่ งๆ ให้ดับเบิ้ลคลกิ ท่ีปุ่มแลว้ เขยี นโคด้ เตมิ ลงไปจนครบทกุ ปมุ่ ดงั นี้ (ส่วนท่ีอย่ใู นกรอบคอื โคด้ ทเ่ี ขียนเตมิ ลงไปในโปรแกรม)

- 204 - จากโปรแกรมทพ่ี ฒั นาข้ึนใหท้ ดลองรนั โปรแกรมแลว้ คลกิ ที่ปมุ่ ต่างๆ พร้อมทง้ั สังเกตผลลพั ธ์ ที่ได้ สำหรบั ตวั อย่างต่อไปจะแสดงขน้ั ตอนการสร้างโปรแกรมและการปรับคุณสมบตั ติ า่ งๆ โดยจะ สร้างโปรแกรมให้แสดงคำถามออกมาบนฟอร์ม เมือ่ ใช้เมาส์คลกิ ทปี่ ุ่มคำตอบ โปรแกรมจะแสดง คำตอบและภาพออกมาบนฟอร์ม โดยโปรแกรมมีคอลโทรลตา่ งๆ ประกอบดงั นี้ ในการพัฒนาโปรแกรมให้สร้างโปรเจก็ ตใ์ หม่ โดยกำหนดช่ือว่า MusicTrivia และเนอ่ื งจาก โปรแกรมนจี้ ะตอ้ งใชร้ ูปภาพด้วย ในตวั อย่างนจ้ี ะใชไ้ ฟลช์ ่อื guitar.jpg ดังนน้ั จะตอ้ งนำไฟล์ภาพมา เก็บไวใ้ นโฟลเดอร์ของโปรเจ็กต์ด้วย

- 205 - เมื่อโปรแกรมแสดงฟอร์มขน้ึ มาแล้วใหป้ รบั ขนาดของฟอร์มให้มีขนาดทีเ่ หมาะสมตาม ต้องการปรับคุณสมบตั ิ Text เป็น Music Trivia เพ่ือให้แสดงบนไตเตลิ จากนั้นนำคอลโทรล PictureBox มาวางบนฟอร์มดังรูป ขัน้ ต่อไปให้บันทกึ โปรเจก็ ต์ลงในโฟลเดอรท์ ีอ่ ยูต่ ำแหน่งตามต้องการ ดังตวั อย่างต่อไปน้ี ซง่ึ จะ เก็บในโฟลเดอรช์ อื่ Picture ขนั้ ตอ่ ไปใหค้ ัดลอกไฟลร์ ูปภาพทต่ี ้องการใช้งานมาเก็บไวใ้ นโฟลเดอรข์ องโปรเจก็ ต์ท่สี ร้างขน้ึ จากน้นั นำภาพมาวางบน PictureBox โดยทำตามข้นั ตอนดังนี้ 1. คลิกเมาสท์ ี่ PictureBox บนฟอรม์ แล้วปรบั คุณสมบัติ Image ในหนา้ ตา่ งคณุ สมบตั ิ

- 206 -

- 207 - ใบมอบงาน หนว่ ยที่ 4 ชื่อวิชา การเขียนโปรแกรมคอมพิวเตอร์ รหสั วชิ า 3204 - 2007 ระดับช้นั ปวส. สอนครั้งที่ 7 ชื่อหนว่ ย โปรแกรม Visual Basic ช่อื เรอื่ ง อภปิ ราย เรอื่ งโปรแกรม Visual Basic จุดประสงค์เชิงพฤติกรรม กกกกกกกอภิปราย เรอื่ งโปรแกรม Visual Basic ข้อตกลงเบ้อื งต้น กกกกกกกให้นกั เรียนแบง่ กล่มุ ๆ ละ 3 - 5 คน อภิปรายเก่ียวกับองค์ประกอบของโปรแกรมพร้อมท้ัง นำเสนอสรปุ จากแนวคดิ ของกลมุ่ สอื่ การเรียนการสอน กกกกกกก1. สอ่ื สง่ิ พมิ พ์ กกกกกกกกกก1.1 หนงั สอื แบบเรยี นรายวชิ าการเขยี นโปรแกรมคอมพิวเตอร์ กกกกกกกกกก1.2 ใบมอบงาน ใบงาน กกกกกกกกกก1.3 แบบประเมินผล กกกกกกก2. สือ่ โสตทัศน์ กกกกกกกกกก2.1 สือ่ Power Point ประกอบการสอน เรอ่ื ง โปรแกรม Visual Basic กกกกกกกกกก2.2 เครื่องโปรเจคเตอร์ กกกกกกกกกก2.3 เครือ่ งคอมพิวเตอร์แบบพกพา (Notebook) ลำดบั ขัน้ ตอนการดำเนินงาน กกกกกกก1. แบง่ กลมุ่ นกั เรียนอตั ราส่วน 1: 3 : 1 โดยคละคนเก่ง ปานกลางและออ่ น ให้นกั เรยี นเลือกประธาน เลขานุการ กกกกกกก2. แต่ละกลุ่มอภิปรายแนวคิดเกี่ยวกับความหมายของการเขียนโปรแกรมคอมพิวเตอร์ หลักการพัฒนาการเขียนโปรแกรมและหลักการออกแบบและพัฒนาโปรแกรมโดยใช้เครื่องมือกราฟกิ โหมด กกกกกกก3. ให้แต่ละกลุม่ นำเสนอผลการอภิปรายแนวคดิ เกีย่ วกับความหมายของการเขียนโปรแกรม คอมพิวเตอร์ หลักการพัฒนาการเขียนโปรแกรมและหลักการออกแบบและพัฒนาโปรแกรมโดยใช้ เครื่องมอื กราฟิกโหมดหนา้ ช้ันเรียนตามแบบประเมินผลใบมอบงาน เกณฑก์ ารประเมิน กกกกกกกคะแนนรวมตามแบบประเมนิ ผลใบมอบงาน ไมต่ ำ่ กว่าร้อยละ 60

- 208 - แบบประเมินผลใบมอบงาน หนว่ ยที่ 4 ชอ่ื วชิ า การเขียนโปรแกรมคอมพิวเตอร์ สอนครงั้ ท่ี 7 รหสั วิชา 3204 - 2007 ระดับชั้น ปวส. ชอ่ื หน่วย โปรแกรม Visual Basic ชือ่ เรื่อง โปรแกรม Visual Basic หวั ขอ้ อภปิ ราย เรือ่ งโปรแกรม Visual Basic ชือ่ กลุม่ …………………………………………………………………………………………………………………..……. สมาชิกกลุ่ม 1. ……………………………………………. 2. ……………………………………………………… 3. …………………………………………… 4. …………………………………..…………………… 5. …………………………………………… รายการประเมิน คะแนนเต็ม ผลคะแนน หมายเหตุ 1. การแบง่ หนา้ ที่ 10 …………. 2. การทำงานเป็นทีม 10 …………. 3. ความรบั ผิดชอบ 10 …………. 4. การอภปิ รายกลุม่ 10 …………. 5. การแสดงความคดิ เห็น 10 …………. 6. ความพรอ้ มในการนำเสนอ 10 …………. 7. บคุ ลิกในการนำเสนอ 10 …………. 8. ความชัดเจนของการนำเสนอ 10 …………. 9. การตอบขอ้ ซกั ถาม 10 …………. 10. การสรุปประเด็นสำคัญ 10 …………. รวมคะแนนที่ได้ ลงชอ่ื ..............................................ครผู ู้ประเมิน เกณฑ์การประเมนิ (นายพรพิทกั ษ์ ศรีแกว้ ) ได้รอ้ ยละ 80 – 100 ดมี าก ได้ร้อยละ 70 – 79 ดี ได้รอ้ ยละ 60 – 69 พอใช้ ได้รอ้ ยละ 50 – 59 ต้องปรับปรุง น้อยกวา่ 50 ตำ่ กวา่ เกณฑ์

- 209 - แบบฝึกหัด หนว่ ยท่ี 4 สอนครงั้ ท่ี 7 ชอ่ื วิชา การเขยี นโปรแกรมคอมพิวเตอร์ รหัสวิชา 3204 - 2007 ระดับชัน้ ปวส. ชอ่ื หนว่ ย โปรแกรม Visual Basic เรือ่ ง/งาน แผนภาพโปรแกรม Visual Basic คำช้ีแจง 1. แบบฝกึ หัดชนดิ เติมคำ คะแนนเต็ม 5 คะแนน 2. ให้นกั เรียนเขียนคำตอบลงในช่องวา่ งใหถ้ กู ต้อง 3. เวลาทใี่ ชใ้ นการทำแบบฝกึ หดั จำนวน 15 นาที จงอธิบายคำศพั ท์ดังตอ่ ไปน้ี วัตถุ (Object) ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ คุณสมบตั ิ (Properties) ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ วิธีการ (Method) ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ การกำหนดเหตุการณ์ (Event-driven) ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................

- 210 - ใบเฉลยแบบฝกึ หดั หนว่ ยท่ี 4 สอนคร้งั ท่ี 7 ชอื่ วชิ า การเขยี นโปรแกรมคอมพวิ เตอร์ รหัสวชิ า 3204 - 2007 ระดบั ชั้น ปวส. ชือ่ หน่วย โปรแกรม Visual Basic เร่ือง/งาน แผนภาพโปรแกรม Visual Basic จงอธบิ ายคำศพั ท์ดงั ตอ่ ไปน้ี วตั ถุ (Object) หมายถึง วัตถุทเ่ี ป็นช้ินส่วนพนื้ ฐานของโปรแกรม เช่น กล่องขอ้ ความ (TextBox), ฟอร์ม (Form) เปน็ ต้น โดยการสร้างโปรแกรมอาจนำวตั ถหุ นง่ึ หรือหลายวัตถปุ ระกอบขึน้ เป็นโปรแกรม โดย วัตถสุ ามารถทม่ี คี ุณสมบัติ (Properties) และ วิธีการ (Method) ของตวั วัตถุเองเมอ่ื พิจารณา โปรแกรม “เข้าสูร่ ะบบ” จะพบว่าโปรแกรมประกอบด้วยวัตถุย่อยๆ ต่าง ได้แก่ ฟอรม์ , ปุ่ม, ป้ายแสดง ข้อความ, กลอ่ งข้อความ เป็นต้น คณุ สมบัติ (Properties) คุณสมบัตหิ รอื คุณลักษณะประจำตวั ของวตั ถุ เช่น ช่ือ (Name), ข้อความ (Text), สี ตวั อกั ษร (ForeColor) เปน็ ต้น โดยโปรแกรมหนึ่ง วตั ถเุ ดยี วกันอาจมคี ุณสมบตั ิท่ีแตกต่างกนั โดยการ กำหนดคุณสมบตั ิให้กบั วตั ถุ วธิ กี าร (Method) หมายถึง แนวปฏิบตั ิ ทกี่ ำหนดไว้ลว่ งหนา้ ให้กบั วตั ถุ ว่าต้องทำอะไรบา้ งเพื่อตอบสนอง ต่อเหตุการณ์ การกำหนดเหตุการณ์ (Event-driven) การเขียนโปรแกรมเพ่ือตอบสนองตอ่ เหตุการณ์ (Event)ทีก่ ำหนดขึน้ (เนื้อหาอ่นื เพ่มิ เตมิ หรือนอกเหนือจากน้ี ข้นึ อยู่กบั วจิ ารณญาณของผู้สอน)

- 211 - แบบสังเกตพฤติกรรมการเขา้ รว่ มกิจกรรมกลุ่ม ช่ือวิชา การเขยี นโปรแกรมคอมพิวเตอร์ หน่วยที่ 4 รหัสวชิ า 3204 - 2007 ระดับชนั้ ปวส. ชอื่ หน่วย โปรแกรม Visual Basic จำนวน 12 ช่ัวโมง คำชแ้ี จง ใหท้ ำเครอ่ื งหมาย ✓ หากนักเรียนมพี ฤติกรรมนัน้ ลงในชอ่ งรายการ พฤตกิ รรม ท่ี ชื่อ- สกุล ความร่วมมอื การแบ่ง การรบั ฟัง การตัง้ ใจ ทำงานตามหนา้ ที่ รวม หน้าท่ใี นกลุ่ม ความคิดเหน็ ทำงาน มอบหมาย 4 3 2 1 4 3 2 1 43 2 1 4 3 2 1 4 3 2 1 เกณฑ์การวัดผล ใหค้ ะแนนระดับคุณภาพของแต่ละพฤติกรรมดงั น้ี 1..ดีมาก = 4 ประสิทธิภาพอยูใ่ นเกณฑ์ 90 – 100 % หรอื ปฏิบัติบอ่ ยครงั้ 2..ดี = 3 ประสิทธิภาพอยูใ่ นเกณฑ์ 70 – 89 % หรือปฏิบตั ิบางครั้ง 3..ปานกลาง = 2 ประสิทธิภาพอย่ใู นเกณฑ์ 50 – 69 % หรือปฏิบตั ิครง้ั เดยี ว 4..ปรบั ปรงุ = 1 ประสทิ ธิภาพอยู่ในเกณฑ์ น้อยกว่า 50 % หรือไมเ่ คยปฏิบตั เิ ลย ลงชอ่ื ..............................ครผู ปู้ ระเมนิ (นายพรพทิ กั ษ์ ศรแี ก้ว) .............../............./..............

- 212 - แบบสงั เกตพฤตกิ รรมการเรยี นรู้รายบุคคล ช่ือวิชา การเขยี นโปรแกรมคอมพวิ เตอร์ หนว่ ยท่ี 4 รหสั วิชา 3204 - 2007 ระดับชน้ั ปวส. ชอ่ื หน่วย โปรแกรม Visual Basic จำนวน 12 ชัว่ โมง คำชแี้ จง ให้ทำเคร่ืองหมาย ✓ หากนักเรยี นมพี ฤตกิ รรมนัน้ ลงในชอ่ งรายการ พฤติกรรม ท่ี ช่ือ- สกลุ ความสนใจ การแสดงความ การตอบ การยอมรับ ทำงาน รวม คิดเห็น คำถาม ความคดิ เห็น ตามหน้าที่ มอบหมาย คนอืน่ 4 3 2 1 4 3 2 1 43 2 1 4 3 2 1 4 3 2 1 เกณฑก์ ารวัดผล ใหค้ ะแนนระดบั คณุ ภาพของแต่ละพฤตกิ รรมดังนี้ 1..ดมี าก = 4 สนใจฟงั ไม่หลับ ไม่พดู คุยในชนั้ เรียน มคี ำถาม ตอบคำถามถกู ทำงานส่งตามเวลา 2..ดี = 3 พฤตกิ รรมการแสดงออกอยู่ในเกณฑป์ ระมาณ 70 % 3..ปานกลาง = 2 พฤตกิ รรมการแสดงออกอยู่ในเกณฑ์ประมาณ 50 % 4..ปรับปรงุ = 1 เข้าชน้ั เรยี น แต่การแสดงออกนอ้ ยมาก ส่งงานไม่ครบ สง่ งานไม่ตรงเวลา ลงชอ่ื ..............................ครูผู้ประเมิน (นายพรพิทกั ษ์ ศรีแกว้ ) .............../............./..............

- 213 - แบบสรุปผลประเมินคุณธรรม จรยิ ธรรม ค่านยิ ม และคณุ ลกั ษณะอันพึงประสงค์ รายวชิ า การเขยี นโปรแกรมคอมพวิ เตอร์ รหัสวิชา 3204 - 2007 ระดับชน้ั ปวส. หนว่ ยท่ี 4 เรอ่ื ง โปรแกรม Visual Basic การประเมนิ ผลดา้ นจิตพิสยั ตามค่านิยมหลกั ของคนไทย 12 ประการ (คะแนนเตม็ 30 คะแนน) ท่ี รายการประเมนิ 1 มคี วามรกั ชาติ ศาสนา พระมหากษตั ริย์ 2 ซอ่ื สตั ย์ เสียสละ อดทน 3 กตัญญตู ่อพอ่ แม่ ผู้ปกครอง ครบู าอาจารย์ 4 ใฝห่ าความรู้ หม่ันศึกษา เล่าเรยี น ทง้ั ทางตรงและทางอ้อม 5 รกั ษาวัฒนธรรม ประเพณีไทยอันงดงาม 6 มีศีลธรรม รักษาความสัตย์ หวังดีต่อผู้อน่ื เผือ่ แผ่และแบง่ ปัน 7 เข้าใจการเรียนรู้การเปน็ ประชาธิปไตยอันมีพระมหากษตั รยิ ์ทรงเปน็ ประมุขท่ถี กู ตอ้ ง 8 มรี ะเบียบ วินัย เคารพกฎหมาย ผู้นอ้ ยร้จู กั เคารพผใู้ หญ่ 9 มสี ติ รูต้ ัว รคู้ ิด รูท้ ำ ร้ปู ฏบิ ัติ ตามพระราชดำรสั ของพระบาทสมเด็จพระเจ้าอยหู่ ัว 10 ร้จู กั ดำรงตนอย่โู ดยใชห้ ลักปรัชญาของเศรษฐกิจพอเพยี ง รจู้ กั อดออมไวใ้ ชเ้ ม่ือยาม จำเปน็ มีไวพ้ อกนิ พอใช้ ถา้ เหลือก็แจกจ่ายจำหนา่ ยและพรอ้ มท่ีจะขยายกจิ การเมือ่ มี ความพร้อมเมือ่ มภี ูมคิ มุ้ กนั 11 มคี วามเขม้ แขง็ ทัง้ ร่างกาย และจิตใจ ไม่ยอมแพต้ ่ออำนาจฝ่ายต่ำหรอื กิเลส มคี วาม ละอายเกรงกลัวตอ่ บาปตามหลกั ของศาสนา 12 คำนงึ ผลประโยชนข์ องส่วนรวมและของชาตมิ ากกว่าผลประโยชน์ของตนเอง เกณฑ์การให้คะแนนตามพฤติกรรมท่ีแสดงออก พฤตกิ รรมทีม่ ีการปฏบิ ตั ิ คะแนน พฤตกิ รรมท่ีมกี ารปฏบิ ัติค่อนข้างมาก 4 คะแนน พฤติกรรมทม่ี กี ารปฏิบัตปิ านกลาง 3 คะแนน พฤตกิ รรมทีม่ กี ารปฏบิ ัตคิ อ่ นข้างน้อย 2 คะแนน พฤติกรรมทม่ี ีการปฏิบัตนิ ้อยทสี่ ดุ 1 คะแนน

- 214 - บรรณานุกรม กิตนิ ันท์ พลสวัสด.ิ์ (2559). Professional Visual Basic 2015. พมิ พ์คร้ังท่ี 1. นนทบรุ ี : ไออซี ี พรเี มยี ร์. ณฐั ธยาน์ ธีรกุลจินดาภรณ์. (2558). พ้ืนฐานการเขยี นโปรแกรมคอมพวิ เตอร์. พมิ พค์ ร้ังท่ี 1. นนทบุรี : ศนู ย์หนังสอื เมอื งไทย. พฒั พงษ์ อมรวงศ์. (2560). พนื้ ฐานการเขยี นโปรแกรมคอมพวิ เตอร.์ พิมพค์ รงั้ ที่ 1. ปทมุ ธานี : มเี ดยี อินเทลลิเจนซ์ เทคโนโลย.ี บัญชา ปะสีละเตสัง. (2558). สร้าง Windows Application ดว้ ย Visual Basic 2015. กรงุ เทพฯ : ซเี อด็ ยเู คช่ัน. มนสั ชยั กรี ติผจญ. (2558). การเขยี นโปรแกรมคอมพวิ เตอร์. พมิ พ์ครั้งที่ 1. กรงุ เทพฯ : สำนักพิมพ์เอมพนั ธ์. อภิชยั ตระหงา่ นศรี. (2557). การเขยี นโปรแกรมคอมพิวเตอร์. พมิ พ์ครง้ั ท่ี 1. กรงุ เทพฯ : สำนักพิมพ์วงั อักษร. โอภาส เอ่ียมสิรวิ งศ์ และ สมโภชน์ ชน่ื เอย่ี ม. (2560). การเขียนโปรแกรมคอมพวิ เตอร์. กรุงเทพฯ : ซีเอ็ดยูเคชน่ั .

โครงการสอน ท-ป-น 2-2-3 จำนวน 4 ชว่ั โมง รายวชิ า การเขียนโปรแกรมคอมพวิ เตอร์ รหัสวชิ า 3204 - 2007 ช่อื หน่วย โปรแกรม Visual Basic หนว่ ยที่ 4 โปรแกรม Visual Basic (ตอ่ ) เรอ่ื ง กกกกกก6. การกำหนดสภาวะแวดลอ้ มของโปรแกรม Visual Basic กกกกกก7. การใช้เครอ่ื งมอื Toolbar กกกกกก8. การใช้เครือ่ งมอื ToolBox กกกกกก9. การใช้หน้าต่าง Project Explorer กกกกกก10. การใช้ Form Designer จุดประสงค์การสอน รายการสอน 1. กำหนดสภาวะแวดล้อมของโปรแกรม Visual Basic ได้ 1. การกำหนดสภาวะแวดลอ้ มของ 2. ใชเ้ คร่ืองมอื Toolbar ได้ โปรแกรม Visual Basic 3. ใชเ้ คร่ืองมอื ToolBox ได้ 2. การใชเ้ คร่ืองมอื Toolbar 4. ใชห้ น้าต่าง Project Explorer ได้ 3. การใชเ้ ครอื่ งมือ ToolBox 5. ใช้ Form Designer ได้ 4. การใช้หน้าต่าง Project Explorer 5. การใช้ Form Designer 6. ปฏิบัติงานตามใบงาน วธิ ีการสอน บรรยาย/ถาม – ตอบ สาธิต การปฏิบตั ิงานตามใบงาน สื่อการสอน สอื่ Power Point ประกอบการสอน หนังสอื อา้ งอิง ใบความรู้ แบบฝกึ หัด ใบงาน แบบทดสอบ หนงั สอื แบบเรยี นรายวชิ าการเขียน โปรแกรมคอมพิวเตอร์ สำนักพิมพ์เอม พันธ์ การประเมินผล คะแนนจากการทำแบบทดสอบก่อนเรยี น/หลังเรยี น แบบประเมนิ ผลใบมอบงาน แบบประเมินผลการปฏิบัตงิ าน แบบสงั เกตพฤติกรรมการเข้ารว่ มกจิ กรรมกลมุ่ แบบสงั เกตพฤติกรรม การเรียนรู้รายบุคคลและแบบประเมนิ ผลคณุ ธรรม จริยธรรม ค่านิยมและคุณลักษณะอันพงึ ประสงค์

- 216 - แผนการจัดการเรียนรู้ท่ี 5 รหัสวชิ า 3204 - 2007 ช่ือวิชา การเขยี นโปรแกรมคอมพิวเตอร์ สอนครัง้ ที่ 8 หนว่ ยที่ 4 โปรแกรม Visual Basic จำนวน 4 ชั่วโมง หวั เรอ่ื ง 1. การกำหนดสภาวะแวดลอ้ มของโปรแกรม Visual Basic 2. การใช้เคร่ืองมือ Toolbar 3. การใช้เครือ่ งมือ ToolBox 4. การใช้หน้าตา่ ง Project Explorer 5. การใช้ Form Designer สาระสำคญั การเขียนโปรแกรมบนระบบปฏิบัตกิ าร GUI โดยใชโ้ ปรแกรม Visual Basic เปน็ ที่นิยม แพรห่ ลายนอ่ื งจากมีการใชง้ านท่งี ่าย และมปี ระสิทธิภาพ โปรแกรมไดจ้ ัดเตรียมเครอื่ งมือและสภาวะ แวดลอ้ มในการใช้งานได้อยา่ งเหมาะสม มีความยืดหยนุ่ โดยผพู้ ฒั นาโปรแกรมสามารถกำหนดสภาวะ แวดลอ้ มเองได้ สมรรถนะอาชพี ประจำหนว่ ย กกกกกก1. แสดงความรเู้ กยี่ วกบั หลกั การพัฒนาโปรแกรม ขัน้ ตอนการแกไ้ ขปัญหา(Algorithm) และ กระบวนการเขยี นโปรแกรม กกกกกก2. เขียนโปรแกรมโดยใชเ้ คร่ืองมือกราฟิกโหมด จุดประสงค์การสอน/การเรยี นรู้ จุดประสงค์ทั่วไป นักเรยี นแสดงความรู้เกี่ยวกบั โปรแกรม Visual Basic จดุ ประสงค์เชิงพฤติกรรม 1. ดา้ นความรู้ ( K ) 1.1 กำหนดสภาวะแวดล้อมของโปรแกรม Visual Basic ได้ 1.2 ใช้เครื่องมอื Toolbar ได้ 1.3 ใชเ้ ครือ่ งมือ ToolBox ได้ 1.4 ใชห้ นา้ ต่าง Project Explorer ได้ 1.5 ใช้ Form Designer ได้ 2. ดา้ นทักษะ ( S ) นักเรยี นมคี วามรู้ ทกั ษะในเรือ่ งโปรแกรม Visual Basicถกู ตอ้ ง

- 217 - 3. ดา้ นคณุ ธรรมอนั พึงประสงค์ ( A ) (อา้ งองิ จากค่านิยมหลกั ของคนไทย 12 ประการ) 3.1 เขา้ เรยี นตรงเวลา 3.2 แต่งกายตามระเบียบการปฏิบัติงาน 3.3 ผลงานประณีตเรียบรอ้ ย 3.4 ปดิ เคร่ืองคอมพวิ เตอร์เมอ่ื เลิกใชง้ าน 3.5 มีน้ำใจชว่ ยเหลือผ้อู นื่ และการปฏิบัตงิ านร่วมกับผูอ้ ืน่ กิจกรรมการเรยี นการสอน ครูแจง้ จุดประสงคก์ ารเรยี นรู้ การวัดผลประเมนิ ผล ขอ้ ตกลงขณะเรียน และใหน้ กั เรยี นทำ แบบทดสอบกอ่ นเรียน ขน้ั นำเข้าสู่บทเรียน ครูนำเข้าสู่บทเรียนโดยครกู ล่าวนำเกยี่ วกับเน้อื หาระบบคอมพิวเตอร์ การทำงาน ของเคร่อื งคอมพิวเตอร์และเน้อื หาโดยรวมของวิชาการเขยี นโปรแกรมคอมพวิ เตอร์ เกณฑก์ าร ประเมนิ ผลและใช้คำถามนำให้นักเรยี นรว่ มกันอภปิ รายถึงการเขยี นโปรแกรมคอมพวิ เตอร์และระดบั ของภาษาคอมพิวเตอร์ เชน่ นักเรียนเคยใช้ซอฟต์แวร์ระบบ หรอื ไม่ ขนั้ สอน 1. ครูแจกใบเนื้อหาและใหน้ กั เรียนอา่ นทำความเข้าใจเนื้อหา เร่ือง โปรแกรม Visual Basic 2. ครูอธิบายเน้ือหา โดยใช้สือ่ Power Point สอนประกอบการบรรยายในหนงั สอื แบบเรียน รายวชิ าการเขยี นโปรแกรมคอมพวิ เตอร์ รหสั วิชา 3204 - 2007 สำนกั พิมพ์เอมพนั ธ์ จำกัด หนา้ 63 - 92 และตัง้ คำถามสลับการบรรยายเพือ่ ใหน้ กั เรียนมีส่วนรว่ มระหวา่ งปฏบิ ัติการสอน เพ่อื ใหน้ ักเรียนเข้าใจเนื้อหาสาระของการเรียนรู้เรอ่ื ง 2.1 การกำหนดสภาวะแวดล้อมของโปรแกรม Visual Basic 2.2 การใชเ้ ครือ่ งมอื Toolbar 2.3 การใชเ้ ครอื่ งมือ ToolBox 2.4 การใช้หน้าตา่ ง Project Explorer 2.5 การใช้ Form Designer ขน้ั ประกอบกิจกรรมการเรียน 1. ให้นกั เรยี นแบง่ กลมุ่ อัตราส่วน 1 : 3 : 1 โดยคละคนเก่ง ปานกลางและอ่อน ให้นกั เรยี นเลอื กประธาน เลขานกุ าร ปฏิบัตงิ านตามใบงาน โดยปฏบิ ัติตามข้นั ตอนการปฏิบัติงานตาม ใบมอบงาน 2. นกั เรยี นปฏิบัตงิ านตามใบงานดงั น้ี ใบงานที่ 4.1 Windows Form 3. นักเรยี นทำแบบฝกึ หดั เรอ่ื งโปรแกรม Visual Basic จากนั้นครแู ละนกั เรียน รว่ มกันเฉลย ตรวจคำตอบ เพอื่ ประเมินผลการเรียนตามใบงาน

- 218 - กลยทุ ธ์ในการจดั การเรียนรู้ 1. ครูใหเ้ พอ่ื นชว่ ยเพอื่ น ใหน้ กั เรียนกลมุ่ เกง่ และปานกลาง อยูก่ ับกลมุ่ นักเรียนท่ี เรยี นออ่ น ชว่ ยกนั ทำความเข้าใจในเนื้อหา 2. สอนแบบ Active Learning โดยใชเ้ คร่ืองมือบนอนิ เทอร์เน็ต กลยทุ ธ์การ ประเมนิ ผลการเรียนรดู้ า้ นทักษะการวิเคราะห์เชิงตวั เลข การสือ่ สาร และการใช้เทคโนโลยีสารสนเทศ 2.1 สังเกตพฤตกิ รรมนกั เรยี น นกั ศึกษาด้านความมีเหตผุ ลและมกี ารบันทึก เปน็ ระยะ 2.2 ประเมินจากผลงานและการนำเสนอผลงาน การสอนบรู ณาการหลกั ปรัชญาของเศรษฐกิจพอเพียง ดา้ นความมภี ูมิคุ้มกันทดี่ ี ใหน้ กั เรยี นปฏบิ ัติตนตามกฎระเบยี บและข้อบงั คับของสถานศกึ ษา การเข้าใช้งาน ห้องปฏบิ ตั ิการคอมพิวเตอร์ การบำรุงรักษาเคร่อื งคอมพิวเตอร์ก่อนและหลังการปฏบิ ัติงาน ด้านความรอบรู้ กิจกรรมการเรยี นการสอนให้สบื ค้นข้อมูลทางอินเทอรเ์ น็ตใหม้ กี ารปฏบิ ตั งิ านได้ อยา่ งถูกต้องตรงตามเนื้อหาในหน่วยการเรียนรู้ ขัน้ สรุป 1. ครอู ธบิ ายสรปุ เนอ้ื หา เรื่องโปรแกรม Visual Basic 2. ครูและนกั เรยี นอภปิ รายสรปุ ปัญหาการปฏิบัตงิ านและข้อเสนอแนะเพม่ิ เติม 3. ตรวจประเมินตามใบงาน สรุปผลการตรวจให้นักเรยี นทราบและกำหนดวันแก้ไข ข้นั ทดสอบหลังเรยี น นักเรยี นทำแบบทดสอบหลังเรียน สอ่ื การเรียนการสอน 1. สื่อสิ่งพิมพ์ 1.1 หนังสอื แบบเรยี นรายวชิ าการเขียนโปรแกรมคอมพิวเตอร์ สำนกั พมิ พเ์ อมพันธ์ มนสั ชยั กีรติผจญ หนา้ 63 - 92 1.2 ใบมอบงาน และใบงานท่ี 4.1 1.3 แบบประเมินผล 2. สอ่ื โสตทศั น์ 2.1 ส่อื Power Point เรื่อง โปรแกรม Visual Basic 2.2 เครือ่ งฉายโปรเจคเตอร์ 2.3 เคร่อื งคอมพิวเตอรแ์ บบพกพา (Notebook)

- 219 - การวัดผลประเมินผล วธิ ีการ เคร่ืองมอื เกณฑ์การประเมนิ ผา่ นเกณฑร์ อ้ ยละ 60 1. ทดสอบก่อนเรียน แบบทดสอบกอ่ นเรยี น ผ่านเกณฑ์ร้อยละ 50 ผ่านเกณฑ์รอ้ ยละ 50 2. อภปิ รายกลุม่ แบบประเมนิ ผลใบมอบงาน ผา่ นเกณฑ์รอ้ ยละ 50 3. การทำใบงาน แบบประเมินผลการปฏบิ ัตงิ าน ผา่ นเกณฑร์ อ้ ยละ 50 4. การทำแบบฝกึ หัด แบบฝกึ หดั ผ่านเกณฑร์ ้อยละ 50 5. สังเกตพฤติกรรมการเขา้ รว่ ม แบบสังเกตพฤติกรรมการเขา้ ร่วมกจิ กรรมกลุ่ม ผา่ นเกณฑ์ กจิ กรรมกลุ่ม 24 คะแนน 6. สังเกตพฤติกรรมการเรียนรู้ แบบสังเกตพฤติกรรมการเรียนร้รู ายบุคคล ผ่านเกณฑ์ร้อยละ 60 รายบุคคล 7. สงั เกตพฤติกรรมคุณธรรม แบบสรุปผลประเมินคุณธรรม จรยิ ธรรม จรยิ ธรรม ค่านิยมและ ค่านยิ ม และคุณลักษณะอันพึงประสงค์ คณุ ลกั ษณะอันพึงประสงค์ 8. ทดสอบหลังเรยี น แบบทดสอบหลงั เรยี น งานทม่ี อบหมาย งานท่ีมอบหมายนอกเหนอื เวลาเรยี น ผลงาน/ชิน้ งาน/ความสำเร็จของผูเ้ รยี น 1. ผลการทำใบงานที่ 4.1 2. แบบฝึกหัดท้ายหนว่ ยท่ี 4 แหลง่ การเรียนรเู้ พิ่มเติม 1. หอ้ งสมดุ 2. สถานประกอบการ 3. ข้อมลู จากอนิ เทอร์เนต็ กิจกรรมเสนอแนะ นกั เรียนสบื ค้นข้อมลู เพ่มิ เติมหรอื ทบทวนเนื้อหาจากเว็บไซต์ทห่ี อ้ งปฏิบตั ิการคอมพวิ เตอร์ใช้ เคร่ืองคอมพวิ เตอร์ในเวลาว่าง เรื่อง โปรแกรม Visual Basic

- 220 - บันทกึ หลังการสอน ผลการใชแ้ ผนการจดั การเรยี นรู้ กกกกกกก.......................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ผลการเรียนของนกั เรยี น กกกกกกก.......................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ผลการสอนของครู กกกกกกก.......................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ........................................................................................................................................................... ...........................................................................................................................................................

- 221 - ใบเนื้อหา สัปดาห์ท่ี 8 จำนวน 4 ชว่ั โมง ช่ือวิชา การเขียนโปรแกรมคอมพิวเตอร์ รหสั วชิ า 3204 - 2007 ระดับช้นั ปวส. ชอื่ หน่วย โปรแกรม Visual Basic สาระสำคญั ในชีวติ ประจำวนั นน้ั ทกุ คนมกั จะพบปญั หาต่างๆ อยูต่ ลอดเวลา ซึ่งในการแกป้ ัญหานั้นก็จะมี วิธีการที่เปน็ ขน้ั ตอนชัดเจน และแตกต่างกนั ทั้งน้ีขึ้นอย่กู ับความสามารถและประสบการณ์ของบุคคล นั้นๆ โดยวิธีการแก้ปัญหาต้องเริ่มจากการทำความเข้าใจ แล้วหาวิธีการแก้ปัญหาอย่างมี ประสทิ ธิภาพก จดุ ประสงคก์ ารเรียนการสอน จุดประสงคท์ ั่วไป นกั เรยี น มคี วามรคู้ วามเขา้ ใจโปรแกรม Visual Basic จดุ ประสงคเ์ ชิงพฤติกรรม 1. กำหนดสภาวะแวดลอ้ มของโปรแกรม Visual Basic ได้ 2. ใช้เครื่องมอื Toolbar ได้ 3. ใช้เครอ่ื งมือ ToolBox ได้ 4. ใช้หนา้ ต่าง Project Explorer ได้ 5. ใช้ Form Designer ได้ คุณธรรมจรยิ ธรรม 1. คณุ ลักษณะอนั พึงประสงค์ 2. การบรู ณาการปรชั ญาของเศรษฐกิจพอเพียง สาระการเรยี นรู้ 1. การกำหนดสภาวะแวดลอ้ มของโปรแกรม Visual Basic 2. การใช้เครอ่ื งมือ Toolbar 3. การใชเ้ ครือ่ งมอื ToolBox 4. การใช้หนา้ ต่าง Project Explorer 5. การใช้ Form Designer

- 222 - เนอื้ หาสาระ จากการเขยี นโปรแกรมเร่มิ ตน้ ในบทท่ีผ่านมาจะพบว่าในการทำงานกบั ฟอร์มและคอนโทรล ผเู้ ขยี นโปรแกรมจะต้องทำความคนุ้ เคยกับ 3 คำต่อไปนี้ 1. คุณสมบตั ิ (Properties) ใชส้ ำหรบั กำหนดลกั ษณะตา่ งๆ ของฟอรม์ และคอนโทรล เชน่ ปมุ่ คำสัง่ ช่ือ Button1 มคี ุณสมบัตทิ ่กี ำหนดข้นึ ดังรูป ในการพฒั นาโปรแกรมเราสามารถกำหนดคุณสมบัติสำหรบั คอนโทรลต่างๆ ผา่ นทาง หนา้ ตา่ งคุณสมบัติ (Properties) หรอื จะใชค้ ำสั่งก็ได้ โดยมรี ูปแบบดงั นี้

- 223 - การกำหนดคุณสมบัตทิ ้งั สองวิธีจะใช้ในสถานการณท์ ่ีแตกต่างกนั การกำหนดท่ีหนา้ ต่าง คณุ สมบตั จิ ะใช้ในกรณีท่ีต้องการกำหนดค่าตอนโปรแกรมเร่ิมทำงาน หรือการออกแบบหนา้ จอของ โปรแกรม และเม่ือโปรแกรมทำงานอยแู่ ต่ต้องการเปลยี่ นค่าคณุ สมบตั ิ เราจะใชก้ ารกำหนดผา่ นการ เขียนโคด้ คำสง่ั 2. เมธอด (Method) เปน็ การสงั่ ให้ฟอรม์ และคอนโทรลทำงานตามท่ีขอรอ้ ง เชน่ การสง่ั ให้ปมุ่ คำสั่งชอื่ Button1 ในตัวอย่างที่ผ่านมาเปน็ คอนโทรลท่ถี กู เลอื ก (ได้รบั การโฟกสั บนฟอร์ม) ดัง รูป สำหรบั การสง่ั ให้ปุ่มคำสงั่ ทำงานตามท่ีเราตอ้ งการข้างต้น จะต้องเขยี นคำส่งั ดงั ต่อไปนี้ 3. อเี วนต์ (Events) เป็นเหตกุ ารณ์ท่เี กิดขนึ้ บนฟอร์ม หรอื คอนโทรลทเี่ ราสามารถใสค่ ำสั่ง เพ่ือตอบสนองได้ เช่น ถา้ เราต้องการตอบสนองต่ออเี วนต์ Click ของปมุ่ คำสัง่ ช่อื Button1 โดยเมื่อ คลกิ ที่ปุ่มแล้วให้ขอ้ ความบนปมุ่ เปลย่ี นเป็น Click ดังตอ่ ไปน้ี การเขียนโปรแกรมตอบสนองอีเวนต์ Click ให้กับปมุ่ จะเขียนได้โดยดบั เบลิ คลิกทป่ี ุ่มเพ่ือ เขา้ สู่หน้าตา่ งการเขียนโคด้ แลว้ เขียนลงไปดังน้ี

- 224 - จากตัวอย่างคำสง่ั ข้างต้น เมื่อรนั โปรแกรมแล้วคลิกปมุ่ คำส่ัง คำวา่ \"Button1\" บนปุ่มคำสง่ั จะเปล่ยี นเป็น \"Click หลักการทีส่ ำคญั มากประการหนง่ึ ในการเขยี นโปรแกรมด้วย VB ก็ คอื เนมสเปซ (Namespaces) ซงึ่ จะชว่ ยทำใหก้ ารจัดการไลบรารี คลาส และออบเจ็กต์ เปน็ ระเบยี บมากขึน้ และทำให้เกดิ ความกำกวมเมือ่ อ้างอิงถึงออบเจก็ ตแ์ ละควบคุมขอบเขตการใช้ งานของออบเจ็กต์ การอา้ งอิงถึงเนมเสปซ ทำใหเ้ รยี กใชค้ ลาสไดง้ า่ ย เช่น คลาส System.WinForms.Button น่คี อื การเรยี กแบบเต็มๆ ซ่ึงยาวและยุ่งยาก แต่ถา้ เราอ้างถึง ด้วยสำคั่ง Imports เช่น

- 225 - ทำใหเ้ ราสามารถเรียกใช้คลาสทง้ั หมดภายใน WinForms ได้ทนั ที เชน่ เรยี กใช้คลาส Button แทนการเขียนคำส่ังวา่ System.WinForms.Button ทำให้เขยี นโปรแกรม เขียนสั้นกวา่ และ สะดวกกวา่ มาก ในดอตเน็ตเฟรมเวริ ์ก (.NET Framework) การทำงานทุกอย่างของคลาศพ้นื ฐานจะอย่ใู น เนมสเปซทีเ่ รยี กวา่ System โดยจะมคี ลาสต่างๆ ดงั ตัวอย่างตอ่ ไปน้ี

- 226 - ทำให้เราสามารถเรยี กใช้คลาสทั้งหมดภายใน WinForms ได้ทันที เชน่ เรียกใชค้ ลาส Button แทนการเขียนคำสัง่ ว่า System.WinForms.Button ทำให้เขยี นโปรแกรม เขยี นสน้ั กว่าและ สะดวกกวา่ มาก ในดอตเนต็ เฟรมเวิร์ก (.NET Framework) การทำงานทกุ อยา่ งของคลาศพื้นฐานจะอยู่ในเนมสเปซท่ี เรยี กว่า System โดยจะมคี ลาสต่างๆ ดงั ตวั อย่างตอ่ ไปนี้ ฟอร์มหรือท่เี รยี กว่าวินโดว์ เป็นเครื่องมือที่ใชบ้ อ่ ยมากในการเขยี นโปรแกรมดว้ ย VB ให้ ทำงานบนระบบปฏิบตั ิการวนิ โดว์ โดยทฟี่ อรม์ จะเป็นหนา้ ต่างทผ่ี ใู้ ชต้ ิดตอ่ ทำงานดว้ ย ผ่านทาง คอนโทรลต่างๆ ท่ีเรานำมาวางบนฟอร์ม ดังน้นั ในหัวข้อนี้จะศกึ ษาคุณสมบตั ิ เมธอด และอเี วนตข์ อง ฟอรม์ ทจี่ ำเปน็ ต้องใช้ สำหรบั การใชง้ านคลาส WinForms รวมท้ังคอนโทรลตา่ งๆ ในบทน้นี นั้ จะมาจากเนมสเป ซช่ือ System.Windows.Forms ซงึ่ เป็นค่าเร่ิมต้นท่มี ใี นโปรเจก็ ตอ์ ยแู่ ลว้ สามารถดูได้โดยเลอื กจาก หน้าตา่ ง Solution Explorer ดงั รปู

- 227 - ฟอรม์ และคอนโทรลตา่ งๆ ทีมใี น VB นน้ั เปน็ คลาสที่มอี ยู่ในเนมสเปซชื่อ System.Windows.Forms ซง่ึ จะมีคลาสตา่ งๆ ท่ีชว่ ยเราในการสร้างแอพพลเิ คชนั ที่รนั บนวินโดว์ สำหรบั ความหมายคลาสและออบเจ็กส์จะกลา่ วถงึ ต่อไปในเรอื่ งการเขยี นโปรแกรมเชงิ วัตถุ สำหรบั การกำหนดคุณสมบตั ใิ ห้กับฟอรม์ ทำไดโ้ ดยกำหนดผ่านทางหน้าต่างคุณสมบัติใน ขณะทอี่ อกแบบโปรแกรม หรือกำหนดผา่ นการเขียนคำส่ังในโปรแกรมได้ คุณสมบตั ทิ ่ีสำคญั ของฟอรม์ ฟอร์มมคี ุณสมบตั ิตา่ งๆมากมาย ดงั ตวั อย่างในตารางตอ่ ไปนี้ ซง่ึ บางคณุ สมบตั ิจะมใี น คอนโทรลอืน่ ๆด้วย

- 228 - คณุ สมบตั ิท่สี ำคัญของฟอรม์ ฟอร์มมคี ุณสมบัติต่างๆมากมาย ดงั ตัวอย่างในตารางต่อไปน้ี ซง่ึ บางคุณสมบตั จิ ะมใี น คอนโทรลอนื่ ๆดว้ ย

- 229 - ตัวอยา่ งโปรแกรมแสดงการทำงานของฟอร์ม (FormDemo) ตวั อยา่ งตอ่ ไปเป็นโปรแกรมทที่ ำให้เขา้ ใจฟอร์มมากยง่ิ ขน้ึ ซง่ึ เป็นการสร้างฟอรม์ ข้นึ มา 1 ฟอร์ม โดยจะแสดงอีเวนต์ตา่ งๆ ทเ่ี กิดขึ้นบนฟอรม์ ว่า แต่ละอีเวนต์จะเกิดขึน้ ในตอนใดโดยแสดงออก ทางหน้าตา่ ง Output โดยในโปรแกรมจะเรียกเมธอด WriteLine ของออบเจ็กต์ Console เพ่อื พิมพ์ ชอ่ื อีเวนตท์ ีเ่ กิดข้ึนบนฟอรม์ ออดมา โดยการทำงานเปน็ ดงั ตัวอยา่ งตอ่ ไปน้ี การออกแบบโปรแกรมทำไดต้ ามขัน้ ตอนต่อไปนี้ 1. ใหส้ ร้างโปรเจก็ ต์ใหม่ โดยเลอื กตน้ แบบโปรเจก็ ตเ์ ป็นแบบ Windows Application 2. กดคีย์ <F7> เพ่ือเขา้ สู่หน้าต่างเขียนโปรแกรม และเลือกอีเวนตต์ า่ งๆ ของฟอร์ม โดย เลอื ก (Form1 Events) และเลือกอีเวนต์ตอ่ ไปนี้ Load, Activated, Click, Deactivate, DoubleClick, Resize

- 230 - 3. เมื่อเลือกอีเวนตแ์ ล้ว จะแสดงโปรแกรมย่อยสำหรบั แต่ละอีเวนตอ์ อกมา ให้เขยี นโคด้ โปรแกรมให้กบั แตล่ ะอีเวนต์ดงั น้ี ให้ทดลองรนั โปรแกรมโดยเปดิ หน้าต่าง Output เพ่ือแสดงคำสัง่ Console.WriteLine โดย กดคยี บ์ อรด์ <Ctrl+Alt+O> แล้วรนั โปรแกรม เม่ือคลิกเมาส์หรือกระทำกับฟอรม์ โปรแกรมจะแสดง ผลลพั ธ์ดงั นี้

- 231 - การเขียนโปรแกรมดว้ ย VB โดยทั่วไปแลว้ จะเป็นการเขยี นโปรแกรมให้ทำงานในระบบ วินโดวซ์ ง่ึ จะใช้วิธีติดต่อกับผู้ใช้แบบกราฟกิ ในการออกแบบโปรแกรมนน้ั VB มีคอนโทรลใหเ้ ลอื กใช้ มากมาย โดยคอนโทรลตา่ งๆ จะเกบ็ ไว้ในทลู บอ็ กซ์ (Toolbox) คอนโทรลแต่ละตวั จะมีคุณสมบัตแิ ละ อเี วนตใ์ ห้เลอื กใช้ ในหวั ข้อนี้จะกล่าวถึงคอนโทรลพน้ื ฐานทใ่ี ช้บอ่ ยๆ ส่วนคอนโทรลอน่ื ๆ จะกล่าว ต่อไปเมือ่ ต้องนำคอนโทรลตวั น้นั มาใช้งาน คอนโทรลปมุ่ คำสั่ง (Button) ปุม่ คำสัง่ จะทำหน้าท่ีตอบสนองการคลกิ เมาสข์ องผ้ใู ช้ เพ่ือส่ังงานไปยังโปรแกรมวา่ ตอ้ งการ ให้โปรแกรมทำอะไรตอ่ ไป สำหรบั การทำใหเ้ กิดอีเวนต์คลิกของปมุ่ คำส่งั นน้ั เกดิ ไดจ้ ากหลายๆกรณี ดังต่อไปนี้ • เกดิ จากการคลิกเมาสข์ องผู้ใชง้ าน (ใช้งานมากท่ีสดุ ) • เกิดจากกดคีย์ <Enter> สำหรับป่มุ ทถ่ี ูกกำหนดในคณุ สมบัติ AcceptButton ของฟอรม์ • เกดิ จากการกดคีย์ <Esc> สำหรับปุ่มท่ถี กู กำหนดในคุณสมบัติ CancelButton ของฟอร์ม

- 232 - • เกดิ จากผ้ใู ช้กดคยี ์ < Alt + ตัวอักษรท่ีขีดเส้นใต้อยู่ > • เกดิ จากการยา้ ยโฟกัสไปยงั ปุ่มคำสง่ั ดว้ ยการกดคยี ์ <Tab> และเลอื กปมุ่ นน้ั โดยการกดคีย์ < Spacebar> หรอื <Enter> • เกดิ จากการเรียกใชเ้ มธอด PerformClick ในโค้ดโปรแกรม เมอ่ื นำปมุ่ คำส่ังมาวางบนฟอรม์ โปรแกรมจะตงั้ ชอื่ สำหรบั อา้ งถึงออบเจก็ ต์ปมุ่ คำสง่ั เปน็ Button1 เมอื่ นำปมุ่ ตอ่ ไปมาวาง โปรแกรมจะให้ชื่อเปน็ Button2 ตามลำดบั ไปเร่อื ยๆ และกำหนด ขอ้ ความบนปมุ่ ใหอ้ ัตโนมัติ ผ้เู ขยี นโปรแกรมสามารถกำหนดชื่อปุ่มใหม่และกำหนดขอ้ ความบนปุ่มได้ ในหนา้ ตา่ งคณุ สมบัติของป่มุ นั้นๆ คณุ สมบตั ิทน่ี า่ สนใจของปุ่มคำสง่ั มดี ังตารางต่อไปน้ี

- 233 - คอนโทรลเลเบล (Label) เลเบลเปน็ คอนโทรลท่ีใชแ้ สดงขอ้ มูลให้ผู้ใช้เหน็ บนฟอรม์ โดยทีผ่ ูใ้ ชไ้ มส่ ามารถแก้ไขขอ้ มูล นน้ั ได้ คณุ สมบตั ิทส่ี ำคัญของเลเบลมีดงั น้ี เมือ่ นำเลเบลมาวางบนฟอรม์ โปรแกรมจะตง้ั ช่ือเลเบลแรกให้เปน็ Label1 ซงึ่ ผ้ใู ช้สามารถ เปลี่ยนชอื่ ได้ในหน้าตา่ งคุณสมบัติ และสามารถกำหนดข้อความให้เลเบลได้ในคุณสมบัติ Text นอกจากน้ยี งั เขยี นโปรแกรมให้เปลี่ยนข้อความของเลเบลได้อกี ดว้ ยโดยกำหนดคา่ สตริงลงไปใหก้ ับ คณุ สมบตั ิ Text ของเลเบลท่ีเลือก ตวั อย่างเช่น ถ้าตอ้ งการใช้เลเบลชือ่ Label1 แสดงคำว่า Computer จะเขยี นได้ดังนี้ คอนโทรลเทก็ ซบ์ อ็ กซ์ (TextBox) คอนโทรลกลอ่ งขอ้ ความหรือเท็กซบ์ ็อกซเ์ ป็นคอนโทรลท่ีใชง้ านบอ่ ยมากในการรบั ข้อมูล จากผูใ้ ช้ท่ปี ้อนเข้ามาในโปรแกรมของเรา หรือใช้แสดงผลและให้ผู้ใชแ้ กไ้ ขขอ้ มูลได้ด้วย โดยทว่ั ไปแล้ว เท็กซ์บ็อกซจ์ ะแสดงข้อความเพียงบรรทดั เดียว ถา้ มีขอ้ ความเกิดขนาดของเท็กซบ์ อ็ กซ์ โปรแกรมจะ แสดงเทา่ กับขนาดของตวั เท็กซบ์ อ็ กซเ์ อง แต่เรายังสามารถเลอ่ื นเคอร์เซอรไ์ ปมาเพ่อื ดูขอ้ ความทัง้ หมด ได้ ถา้ หากตอ้ งการให้เท็กซบ์ อ็ กซแ์ สดงขอ้ ความหลายบรรทดั ให้กำหนดท่ีคุณสมบัติ MultiLine เป็น True และถ้าต้องการใหม้ ีสกอรบ์ าร์ด้วย เราต้องกำหนดคณุ สมบตั ิ ScrollBars ใหเ้ ปน็ ไปตามท่ี ตอ้ งการ โดยคุณสมบตั จิ องเท็กซบ์ ็อกซท์ ี่สำคญั มดี ังตารางตอ่ ไปนี้

- 234 - สำหรบั ขอ้ ความทอี่ า่ นจากเทก็ ซ์บอ็ กซ์หรือเขยี นลงไปในเทก็ ซ์บ็อกซ์จะเป็นขอ้ ความชนดิ สตริง สำหรบั ตวั อยา่ งการประยุกต์ใชง้ านใหศ้ ึกษาจากตวั อย่างโปรแกรม

- 235 - ตัวอย่าง เป็นการออกแบบโปรแกรมโดยนำคอนโทรลกดปมุ่ เลเบล และเท็กซบ์ อ็ กซ์มาใช้ โดยโปรแกรมท่ีสร้างขึ้นจะให้เราใสช่ อ่ื และนาม-สกลุ ลงไป เมอื่ ใช้เมาส์คลกิ ท่ีปมุ่ Show โปรแกรมจะ แสดงขอ้ ความทีใ่ ส่เขา้ ไปออกมาทางเทก็ ซบ์ ็อกซอ์ ีกช่องหนง่ึ

- 236 - ขน้ั ตอนการพัฒนาโปรแกรมทำได้ดังตอ่ ไปนี้ 1. สรา้ งโปรเจก็ ตแ์ บบ Windows Application โดยนำคอนโทรลตา่ งๆและกำหนดชอื่ ใหก้ ับ คอมโทรล ดังรปู 2. ปรับค่าคุณสมบัตใิ ห้กับคอนโทรลและฟอรม์ ดังตอ่ ไปน้ี 3. เขียนโปรแกรม โดยจากข้อกำหนดของโปรแกรมเม่ือคลกิ ปุ่มจะต้องอ่านขอ้ มลู จาก เทก็ ซบ์ อ็ กซ์ชอื่ TextBox1 มาแสดงผลในเทก็ ซบ์ ็อกซช์ ่อื Text2 ดงั นั้นจะตอ้ งเขยี นโปรแกรมใหเ้ ปน็ อี เวนตข์ องปมุ่ กด ใหด้ บั เบลิ คลิกทปี่ มุ่ กดบนฟอร์มแล้วเขยี นคำสงั่ ลงไปดังตอ่ ไปน้ี

- 237 - ต้องการให้เท็กซบ์ ็อกซ์ทสี่ องแสดงเครื่องหมาย # ตอนเริม่ ตน้ โปรแกรม ดังนน้ั จะต้องเขยี น อเี วนต์ให้กบั ฟอร์มตอนที่โหลดโปรแกรม ซงึ่ ทำได้ดังนี้ คำสง่ั ท้งั หมดของโปรแกรมจะเป็นดงั น้ี ใหท้ ดลองรันโปรแกรม ผลลพั ธ์จะเปน็ ดังนี้

- 238 - คอนโทรลเช็คบอ็ กซ์ (CheckBox) ในบางครง้ั การสร้างโปรแกรมจะตอ้ งการให้ผู้ใชเ้ ลือกตัวเลือกท่ีต้องการได้ ซ่งึ จะทำให้ โปรแกรมใช้งานไดส้ ะดวกกวา่ การคีย์ขอ้ มลู เขา้ ไปในเท็กซบ์ อ็ กซ์ คอนโทรลเช็คบ็อกซ์เปน็ คอนโทรลท่ี จะใหผ้ ้ใู ช้เลือกวา่ จะเช็ค (ใหม้ ีเครอ่ื งหมายถกู ในช่อง) หรอื ไม่เชค็ (ไม่มีเคร่อื งหมายถกู ) เพยี งอยา่ งใด อยา่ งหน่งึ เทา่ นั้น ค่าของคอนโทรลเช็คบ็อกซจ์ ะหาได้จากค่าคณุ สมบัติ Ckecked ทมี่ คี ่าเป็น True กับ False หรอื คณุ สมบัติ CheckState ซง่ึ จะมีคา่ ดังตารางต่อไปน้ี สำหรับสถานะ Indeterminate เป็นสถานะทใ่ี ช้ในกรณที ่ีเราตอ้ งการตวั เลือกที่สามารถ เลือกได้สามสถานะ คอื ใช่, ไม่ หรอื ไม่แนใ่ จ เราสามารถกำหนดสถานะ Indeterminate ไดโ้ ดยการ เขียนโค้ด แต่ถา้ เราต้องการให้ผ้ใู ช้โปรแกรมสามารถเลอื กสถานะ Indeterminate ได้เอง คอื สามารถเลอื ก เช็คบ็อกซ์ไดส้ ามสถานะ เราตอ้ งการกำหนดคณุ สมบัติ Threestate ของเช็คบอ็ กซต์ ัว น้ันให้เปน็ True การกำหนดคุณสมบตั ใิ ห้กับเช็คบอ็ กซส์ ามารถกำหนดเปน็ คา่ เร่มิ ต้นไดโ้ ดยกำหนดผ่าน หน้าต่างคุณสมบตั ิของเช็คบอ็ กซแ์ ต่ละตวั นอกจากน้ียงั สามารถกำหนดคณุ สมบตั ิผา่ นการเขียนโค้ดได้ ตัวอย่างเชน่ ถา้ หากต้องการให้เช็คบ็อกซถ์ กู เลอื กดงั รปู ตอ่ ไปนี้ จากรปู ทผี่ ่านมา ถา้ หากต้องการกำหนดคณุ สมบัติโดยการเขยี นโคด้ จะเขยี นได้ดังน้ี

- 239 - ถา้ หากในฟอรม์ ท่ีเช็คบ็อกซอ์ ยู่หลายเช็คบอ็ กซ์ เราสามารถเลือกเช็คไดห้ ลายเช็คบ็อกซ์ พรอ้ มกนั ได้ นอกจากนี้ถ้าหากต้องการกำหนดข้อความที่แสดงบนคอนโทรลตวั นี้ เราสามารถทำได้ ผ่านทางคณุ สมบัติ Text นอกจากน้ียังมีคณุ สมบัติ CheckAlign ทใ่ี ชก้ ำหนดตำแหนง่ ของตวั เช็คบ็ อกซไ์ ด้อีกดว้ ย สำหรับการตรวจสอบการเช็ค ใหต้ รวจสอบผ่านทางอเี วนต์ Click ของเช็คบ็อกซ์ ซึง่ จะ เกดิ ข้นึ เม่ือผใู้ ช้คลิกเมาส์ทีค่ อนโทรลในขณะรันโปรแกรม ทำใหเ้ ราสามารถตรวจสอบสถานะของเช็คบ็ อกซ์ได้ คอนโทรลเรดโิ อบัตทอน (RadioButton) คอนโทรลเรดโิ อบัตทอนนัน้ จะคล้ายกบั เช็คบ็อกซ์ แต่คอนโทรลนส้ี ามารถเลอื กได้เพยี งตัว เดียวเท่านัน้ ในกล่มุ หนึง่ ถ้าเปล่ียนเลือกตัวเลือกอ่ืนในกลมุ่ ตวั เลอื กท่ีเลอื กไวก้ ่อนหน้าจะไม่ถกู เลอื ก โดยอตั โนมตั ิ การใชง้ านเรดิโอบัตทอนน้นั มกั จะใช้รว่ มกบั คอนโทรลกรปุ๊ เพือ่ ใช้ในการแบง่ กลุม่ ตัวเลือก โดยการใช้งานจะวางคอนโทรลกรุ๊ปลงไปก่อนแลว้ จึงนำเรดโิ อบัตทอนวางลงไป เมอ่ื ผู้ใช้คลกิ เมาส์เลือกเรดิโอบัตทอน True ว่าเป็น True (ถกู เลอื ก) หรอื เป็น False (ไมถ่ กู เลอื ก) ผ่านทางอเี วนต์ Click ของคอนโทรล และเราสามารถกำหนดข้อความท่ีจะใหแ้ สดง Radio Button ผ่านทางคณุ สมบัติ Text ได้เชน่ เดยี วกบั เช็คบอ็ กซ์

- 240 - คอนโทรลกร๊ปุ บอ็ กซ์ (GroupBox) คอนโทรลกรุป๊ บ็อกซ์เปน็ เหมือนกรอบควบคุม หรือคอนเทนเนอร์ (Container) ใช้สำหรับ จดั กลุม่ คอนโทรลทีต่ อ้ งการใช้ร่วมกันใหเ้ ปน็ กลุ่ม เชน่ ใช้ในการแบ่งกลมุ่ เรดิโอบัตทอนบนฟอร์ม ออกเปน็ กลุ่มๆ เปน็ ตน้ โดยท่วั ไปแลว้ กร๊ปุ บอ็ กซ์เปน็ คอนโทรลท่ีชว่ ยเพิ่มความเรียบร้อยและความ สวยงามของหนา้ ตาของโปรแกรมให้ดูดีมากขนึ้ ในการสรา้ งกลุ่มของคอนโทรลโดยการใช้กรปุ๊ บอ็ กซ์ เราจะตอ้ งวางกร๊ปุ บ็อกซล์ งบนฟอรม์ ก่อนแล้วจงึ วาดคอนโทรลท่ีต้องการใหอ้ ยู่ในกรปุ๊ บ็อกซล์ งไปทีหลงั และเวลาท่เี ล่ือนกรุ๊ปบ็อกซ์ คอนโทรลที่อยใู่ นกรุป๊ บ็อกซก์ ็จะเลอื่ นตามไปดว้ ย ถ้าเราต้องการเลอื่ นเฉพาะคอนโทรลทีอ่ ยใู่ น กรุ๊ปบ็ อกซ์ ใหเ้ ราเลือ่ นคอนโทรลในกรุ๊ปบอ็ กซ์ แล้วจงึ เลื่อนคอนโทรลท่ีเลอื กน้นั กรปุ๊ บ็อกซแ์ ต่ละตัวจะมีคุณสมบตั ิ Text ที่ใช้แสดงขอ้ ความเป็นหวั ข้อกรุ๊ปบ็อกซ์ ดังรปู นอกจากน้ียงั สามารถกำหนดคณุ สมบัติ Text แบบใช้คยี ์ลัดไดเ้ ชน่ เดยี วกบั คอนโทรลตัวอ่ืนๆ โดยใช้ตวั อกั ขระ & ไว้ด้านหนา้ ของตวั อกั ษรท่ีเราต้องการเลอื กให้เป็นคีย์ลดั ซึ่งเม่ือเรากดคยี ์ <Alt + ตัวอกั ขระตวั น้นั > จะเปน็ การเลือกกรปุ๊ บ็อกน้ัน

- 241 - ตวั อย่าง แสดงการนำกรปุ๊ บ็อกซ์ เรดโิ อบัตทอน และคอนโทรลอืน่ ๆ มาวางบนฟอร์มให้ สรา้ งโปรเจ็กตแ์ ล้วออกแบบฟอรม์ พรอ้ มทัง้ กำหนดชื่อดงั ตอ่ ไปนี้ 1. นำคอนโทรลกรปุ๊ บ็แกซ์มาวางบนฟอร์ม แลว้ เปล่ยี นคุณสมบตั ิ Text เป็น “ป้อน ขอ้ มลู ” 2. นำคอนโทรลเลเบลวางในกรุ๊ปบอ็ กซส์ องตวั ดังรูป แลว้ เปล่ียน คณุ สมบัติ Text เป็น Input A และ Input B ตามลำดบั 3. นำคอนโทรลเท็กซบ์ ็อกซม์ าวางในกร๊ปุ บ็อกซ์สองตัว ดังรูป โดยแต่ละตัวมีชือ่ เปน็ TextBox1 และ TextBox2 4. ทดลองยา้ ยกรปุ๊ บ็อกซ์ จะสงั เกตเห็นว่าคอนโทรลตา่ งๆที่อยู่ในกรุป๊ บอ็ กซ์จะเล่ือนไป ด้วย

- 242 - 5. นำคอนโทรลกรุ๊ปบ็อกซ์มาวางบนฟอร์มดงั รปู แล้วเปลี่ยน คุณสมบัติ Text เปน็ “เลอื ก” 6. นำคอนโทรลเรดโิ อบัตทอน มาวางในกรุป๊ บอ็ กซ์ท่สี อง สองตัวดงั รปู แล้วเปลีย่ น คณุ สมบตั ิ Text เปน็ A และ B ตามลำดับ 7. นำคอนโทรลเลเบลตวั ท่ีสามมาวางบนฟอร์มแลว้ ให้แสดงคำว่า Output 8. นำคอนโทรลเท็กซบ์ ็อกซ์มาวางบนฟอรม์ โดยคอนโทรลตัวนีม้ ีช่ือเปน็ TextBox3 สำหรับโปรแกรมน้ีตอ้ งการใหผ้ ู้ใช้ปอ้ นขอ้ มูลเข้าทางเท็กซ์บ็อกซอ์ นิ พตุ สองค่า เมื่อนำเมาส์ เลอื กทเี่ รดโิ อบัตทอนตัวใด ให้โปรแกรมนำข้อความทเี่ ลอื กมาแสดงผลทางเทก็ ซบ์ ็อกซเ์ อาต์พตุ การ เขียนโปรแกรมให้ดบั เบิลคลกิ ท่เี รดโิ อบัตทอนแต่ละตัว เพ่อื เลือกอีเวนต์เป็นคลกิ แล้วเขียนโปรแกรม ลงไปดงั นี้ สำหรับการรันโปรแกรมให้ทดลองดงั นี้

- 243 - จาการรันโปรแกรมจะพบว่าเรดโิ อบตั ทอนท่ีอย่ใู กลก้ ร๊ปุ บอ็ กซ์เดยี วกนั จะถกู เลือกไดเ้ พยี งตัว เดียวเท่านน้ั ในการออกแบบโปรแกรม ถ้าหากบนฟอรม์ มเี รดิโอบัตทอนหลายตวั และตอ้ งการเลือก มากกวา่ หนึ่งตวั จะตอ้ งนำกร๊ปุ บอ็ กซม์ าประยกุ ตใ์ ช้ คอนโทรลลิสตบ์ อ็ กซ์ (ListBox) และคอมโบบ็อกซ์ (ComboBox) การใชเ้ รดโิ อบัตทอนและเช็คบ็อกซ์นนั้ ถา้ นำมาใช้ในการแสดงตัวเลือกหลายๆตัว จะใชเ้ นอื้ ทบ่ี นฟอรม์ มาก สำหรับในกรณีท่ีมีหลายตัวเลอื กเราสามารถนำ คอนโทรลลิสตบ์ อ็ กซ์ และ คอมโบบ็ อกซม์ าใช้แทนได้ ซึ่งสามารถแสดงตวั เลือกหลายๆตวั ในแบบของรายการ ดังรปู การเพิ่มตวั เลือกลงไปในรายการของคอนโทรลทง้ั สองตัวทำได้โดยเรยี กใช้เมธอด Add ของ คอลเลคชนั Items ดังตวั อยา่ งต่อไปนี้ (คอลเลคชันเป็นกลมุ่ ของออบเจก็ ต์ชนดิ เดยี วกัน ซ่ึงจะอธบิ าย เพมิ่ เตมิ ในเรอ่ื งการเขยี นโปรแกรมเชงิ วัตถุ ) ตัวอย่าง ถ้าหากสรา้ งคอนโทรลลิสต์บอ็ กซ์ชอ่ื ListBox1 การเพม่ิ รายการลงไปทำไดด้ ังน้ี ลิสบอ็ กซเ์ ปน็ คอนโทรลที่ใชแ้ สดงรายการดงั ท่ีกลา่ วมา ผใู้ ช้สามารถคลิกเมาส์เลอื กตวั เลอื ก ที่ตอ้ งการไดจ้ ากรายการท่แี สดงในลสิ ต์ โดยรายการทผ่ี ใู้ ช้เลอื กจะถกู นำมาเกบ็ ไวใ้ นคณุ สมบตั ิ Text ของลิสตบ์ อ็ กซ์ตวั น้ัน

- 244 - สำหรับคอมโบบ็อกซน์ น้ั เราสามารถเลือกตัวเลอื กไดจ้ ากรายการ หรือจะพิมพ์ขอ้ มลู นอก รายการลงไปก็ได้ ไมเ่ หมอื นกับลิสต์บอ็ กซท์ ี่เลอื กจากรายการไดเ้ พยี งอยา่ งเดยี ว คอมโบบ็อกซม์ ี ลักษณะดงั รปู โดยเราสามารถตรวจสอบรายการท่ีเลือกไดจ้ ากคุณสมบัติ Text เช่นกัน สำหรบั ลิสต์บ็อกซแ์ ละคอมโบบอ็ กซ์นน้ั มีอเี วนต์ทสี่ ำคัญ คอื SelectedIndexChanged ท่ี เกดิ เม่ือมกี ารเลอื กตวั เลือก สว่ นของคอมโบบอ็ กซ์นน้ั จะมีอเี วนตท์ ่ีสำคัญคือ TextChanged ซ่งึ จะ เกดิ ขึ้นเมือ่ มกี ารเปลี่ยนข้อความในคอมโบบ็อกซ์ ตวั อย่าง แสดงการใชง้ านลสิ ต์บอ็ กซ์และคอมโบบ็อกซ์ โดยให้ผู้ใช้เลอื กรายการ แล้ว โปรแกรมนำรายการน้นั มาแสดงทางกล่องข้อความดงั รปู

- 245 - ขั้นตอนการสร้างโปรแกรมทำไดด้ งั น้ี 1. สรา้ งโปรเจก็ ต์ใหม่ นำคอนโทรลลิสต์บ็อกซแ์ ละคอนโทรลคอมโบบ็อกซม์ าวางบนฟอร์ม แลว้ กำหนดชื่อดงั ตอ่ ไปน้ี 2. ใชเ้ มาส์คลิกทีฟ่ อรม์ แล้วเลอื กอีเวนต์ Load ท่ีหนา้ ต่างคุณสมบตั ิ ดบั เบิลคลิกที่ Load เพ่ือเข้าสหู่ นา้ ต่างการเขียนโปรแกรม แล้วเขียนโปรแกรมกำหนดค่าเรม่ิ ต้นใหก้ ับลิสต์บอ็ กซ์ และ คอม โบบอ็ กซ์ 3. ใชเ้ มาส์คลิกที่ลสิ ต์บอ็ กซ์ แลว้ เลือกอีเวนต์ SelectedIndex ทีห่ นา้ ตา่ งคุณสมบัตดิ ับเบิล คลกิ เพอื่ เข้าสู่หนา้ ต่างการเขยี นโปรแกรม แลว้ เขยี นโปรแกรมใหแ้ สดงข้อความที่เลอื กทางกล่อง

- 246 - ข้อความ 4. ใช้เมาสค์ ลิกท่ีคอมโบบอ็ กซ์ แลว้ เลอื กอีเวนต์ TextChanged ดับเบลิ คลกิ เพ่อื เข้าสู่ หน้าตา่ งการเขียนโปรแกรม แล้วเขยี นโปรแกรมให้แสดงขอ้ ความทีเ่ ลอื กทางกล่องขอ้ ความ โปรแกรมทง้ั หมดทเ่ี ขียนเป็นดังน้ี Public Class Form1 Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load End Sub Private Sub ListBox1_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ListBox1.SelectedIndexChanged 'แสดงข้อความทเี่ ลอื กในลิสบอ็ กซ์ MsgBox (\"List1 : \" & ListBox1 .Text ,MsgBoxStyle.OkOnly) End Sub Private Sub ComboBox1_TextChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles

- 247 - ComboBox1.TextChanged 'แสดงขอ้ ความที่เลือกในคอมโบบอ็ กซ์ MsgBox(\"Combo1 : \" & ComboBox1.Text, MsgBoxStyle.OkOnly) End Sub End Class จากนนั้ ให้ทดลองรนั โปรแกรม แลว้ เลือกรายการต่างๆ และสังเกตผลทไ่ี ด้ การเพม่ิ รายการในลิสตบ์ ็อกซ์ เราสามารถเพม่ิ รายการเข้าไปในลิสตบ์ อ็ กซไ์ ด้โดยใชเ้ มธอด Add ของคุณสมบตั ิ Items ซึง่ มี รปู แบบดังนี้ นอกจากนเี้ รายงั สามารถแทรกรายการเขา้ ไปในลิสบ็อกซ์ได้ โดยเรียกใชเ้ มธอด Insert ของ คุณสมบตั ิ Items ซงึ่ มรี ปู แบบดงั น ถ้าหากต้องการเพิม่ รายการ โดยแทรกระหวา่ งรายการท่ีมอี ยู่แลว้ ข้างต้น ให้เราใส่ พารามเิ ตอร์ Index (ตำแหนง่ ทจี่ ะใส่) ลงไปดว้ ย ดงั ตวั อยา่ ง

- 248 - นอกจากวิธีการใช้คำส่งั เรายงั สามารถเพม่ิ รายการเขา้ ไปในลิสต์บ็อกซ์ในตอนออกแบบ โปรแกรมได้ด้วย โดยการใสร่ ายการท่ีต้องการใหม้ ลี ิสต์บอ็ กซเ์ ขา้ ไปในคุณสมบัติ Item ในหน้าต่าง คณุ สมบตั ิ ดังรูป การเรยี งรายการในลสิ ตบ์ อ็ กซ์ การเรยี งรายการในลิสตบ์ ็อกซ์ทำได้โดยกำหนดคุณสมบัติ Sorted ให้มคี ่าเป็น True เพอื่ ให้ รายการในลิสต์บอ็ กซ์นนั้ เรยี งลำดับตัวอกั ษร โดยลักษณะการเรยี งลำดับจะถือว่าอกั ขระตวั ใหญก่ บั ตัว เล็กนน้ั เหมือนกนั การลบรายการออกจากลสิ ต์บอ็ กซ์ เราสามารถลบรายการออกจากลิสตบ์ อ็ กซไ์ ด้ โดยใช้เมธอด RemoveAt ของคุณสมบัติ Items ซึง่ มรี ปู แบบการใช้งานดงั นี้

- 249 - จากรูปแบบข้างต้น Index เป็นตำแหน่งของรายการทจี่ ะลบออกจากลิสต์บอ็ กซ์ โดย O คอื ตำแหนง่ รายการที่ 1 แต่ถ้าหากต้องการลบรายการทั้งหมดออกจากลสิ ตบ์ ็อกซใ์ หใ้ ชเ้ มธอด Clear โดย มีรปู แบบดงั น้ี การเขา้ ถงึ รายการในลิสต์บ็อกซ์ เราสามารถเข้าถงึ รายการในลิสต์บอ็ กซ์ได้โดยผ่านคุณสมบตั ิ Items และอ้างองิ ตำแหนง่ ตามลำดบั รายการในลิสต์ โดยมรี ปู แบบดงั น้ี โดย Index จะเปน็ ตำแหนง่ ที่เราตอ้ งการเข้าถงึ คา่ ของรายการในลิสต์บ็อกซ์ ตวั อยา่ งเชน่ ถ้า หากเขียนคำส่ังเป็น กำหนดคา่ Index เปน็ 0 เม่ือรนั โปรแกรมจะแสดงรายการแรกสุดออกมาทางหน้าต่าง Output แตถ่ ้าต้องการแสดงรายการทถี่ ูกเลือก ณ เวลาน้ัน จะใช้คุณสมบตั ิ SelectedIndex ซ่ึงเป็น คณุ สมบัตทิ ่มี ีตอนรนั โปรแกรมเทา่ นน้ั โดยคุณสมบตั นิ จี้ ะคนื ค่า Index หรอื ตำแหนง่ ทผี่ ใู้ ช้ไดเ้ ลอื กไว้ ถา้ ค่าน้ีเปน็ -1 หมายความว่ายังไมม่ รี ายการใดถกู เลอื ก การหาจำนวนรายการในลสิ ตบ์ ็อกซ์ เราสามารถตรวจสอบจำนวนรายการในลิสต์บอ็ กซ์ได้ โดยผา่ นคณุ สมบตั ิ Count ของ คณุ สมบัติ Items ของลสิ ต์บ็อกซ์เชน่