E-Book วิชาการเขียนโปรแกรมโดยใช้เครื่องมือกราฟิกโหมด รหัสวิชา 2204-2107

ตอนที่ 2 จงตอบคำถามตอ่ ไปน้ี
1.ใหผ้ เู้ รยี นปฏบิ ัตติ ามขั้นตอนต่อไปนี้

1.สรา้ ง Project ข้ึนมาใหม่ ซ่ึงจะปรากฏ Form ขึน้ มา
2.กำหนด Properties ใหก้ บั Form ดงั นี้

2.1 กำหนดสพี ้ืนหลงั (Backcolor) เปน็ สีสม้ ออ่ น (255,224,192)
2.2 กำหนดช่ือของไตเติลของ Form เป็นสินค้า
2.3 กำหนด Font เป็น AngsanaUPC ขนาด 16
3. บันทึก Project ช่ือ FormExam1
2.เขยี นขน้ั ตอนการทำงานในการปฏบิ ตั ติ ามข้อท่ี 1
1. ข้นั ตอนการเปดิ project
…………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………
…………..…………………………………………..…………………………………………………………………………
…………………………………………………….
2. ข้ันตอนการกำหนด Properties ใหก้ ับ Form1
…………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………
…………..…………………………………………..…………………………………………………………………………
…………………………………………………….
3.ขัน้ ตอนการบันทกึ project
…………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………
…………..…………………………………………..…………………………………………………………………………
…………………………………………………….
3. ให้ผู้เรยี นปฏิบตั ิตามขัน้ ตอนต่อไปนี้
1. เปิด project ขน้ึ มาใหม่ซ่ึงจะปรากฏ Form ข้ึนมา
2. โดยกำหนด Properties ให้กบั Form1 ดงั น้ี
2.1 กำหนดสพี ืน้ หลงั (Back color) เปน็ สฟี ้าอ่อน (192,255,255)
2.2 กำหนดช่ือบนไตเติลของ Form เป็น เมนูหลกั
2.3 กำหนด Form เป็น BrowalliaUPC ขนาด 16

3. เพ่ิม Form2 กำหนด Properties ดังนี้
3.1 กำหนดสีพน้ื หลงั เปน็ สชี มพอู ่อน (255,192,255)
3.2 กำหนดชอื่ บนไตเติลของ Form เป็น ประวตั ิพนกั งาน
3.3 กำหนด Font เปน็ Cordia New ขนาด 16

4. บันทึก Project ชอ่ื FormEcam2
4. เขยี นข้ันตอนการทำงานในการปฏบิ ัติข้อท่ี 3

1. ขน้ั ตอนการเปิด project
…………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………
…………..…………………………………………..…………………………………………………………………………
…………………………………………………….

2. ข้ันตอนการกำหนด Properties ให้กบั Form1
…………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………
…………..…………………………………………..…………………………………………………………………………
…………………………………………………….

3. ขน้ั ตอนการเพม่ิ Form2 และการกำหนด Properties
…………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………
…………..…………………………………………..…………………………………………………………………………
…………………………………………………….

4. ขนั้ ตอนการบันทึก project
…………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………
…………..…………………………………………..…………………………………………………………………………
…………………………………………………….

5. ใหผ้ ู้เรียนปฏบิ ัติตามข้นั ตอนตอ่ ไปนพ้ี รอ้ มอธบิ ายขนั้ ตอนวิธีการปฏิบัติ
1. เปิด Project ขน้ึ มาใหม่ ซง่ึ จะปรากฏ Form ข้ึนมา
2. โดยกำหนด Properties ใหก้ บั Form1 ดังน้ี
2.1 กำหนดสพี นื้ หลงั (Back color) เป็นสีเขียวอ่อน (192,255,192)
2.2 กำหนดชื่อบนไตเตลิ ของ Form เป็นเมนหู ลกั

2.3 กำหนด Font เปน็ AngsanaUPC ขนาด 16
3. เพิ่ม Form2 กำหนด Properties ดงั นี้

3.1 กำหนดสีพืน้ หลังเปน็ สีชมพอู ่อน (255,192,255)
3.2 กำหนดช่อื บนไตเตลิ ของ Form เป็น รายชอ่ื หนงั สอื
3.3 กำหนด Font เป็น BrowalliaUPC ขนาด 16
4. เพ่ิม Form3 กำหนด Properties ดงั นี้
4.1 กำหนดสพี ืน้ หลงั เป็นรปู ภาพโดยคลิกท่ี Picture เลือกรปู ทีต่ อ้ งการ
4.2 กำหนดชือ่ บนไตเตลิ ของ Form เป็น สมาชกิ
4.3 กำหนด Font เปน็ CordiaUPC ขนาด 16
5. ลบ Form2 ออก
6. บันทึก project ช่อื FormExam3

เขียนข้นั ตอนการทำงาน
1. ข้ันตอนการเปดิ project
………………………….………………………………………………………………………………………………………
…….………….…...........................................................................................................................
..................................................................................................................................................
............................................................

2. ขั้นตอนการกำหนด Properties ให้กับ Form1
………………………….………………………………………………………………………………………………………
…….………….…...........................................................................................................................
..................................................................................................................................... .............
............................................................

3. ขน้ั ตอนการเพม่ิ Form2 และการกำหนด Properties
………………………….………………………………………………………………………………………………………
…….………….…...........................................................................................................................
..................................................................................................................................................
............................................................

4. ขัน้ ตอนการเพม่ิ Form3 และการกำหนด Properties

………………………….………………………………………………………………………………………………………
…….………….…...........................................................................................................................
..................................................................................................................................................
............................................................

5. ลบ Form2
………………………….………………………………………………………………………………………………………
…….………….…...........................................................................................................................
..................................................................................................................................................
............................................................

6. ขัน้ ตอนการบันทึก project
………………………….………………………………………………………………………………………………………
…….………….…...........................................................................................................................
..................................................................................................................................................
............................................................

หนว่ ยที่ 5 กระบวนการเขยี นโปรแกรม

แนวคิด
เครื่องมือที่สำคัญในการพัฒนาโปรแกรมของ VBExpress 2010 คือการใช้ Control ซึ่ง

โปรแกรมได้จัดเตรียมไว้ให้แลว้ Label เป็นแถบข้อความใช้ในการอธิบายและการแสดงผล TextBox
เป็นกล่องข้อความใช้ในการป้อนข้อมูล Button เป็นปุ่มคำสั่งใช้ในการป้อนคำสั่งเพื่อให้โปรแกรม
แสดงผลตามที่ได้เขียนคำสั่งไว้โดยการคลิก RadioButton ใช้สำหรับให้ผู้ใช้งานเลือกใช้ทางเลือกใด
ทางเลอื กหนึ่ง CheckBox ใช้ในการกำหนดการเลือกได้มากกว่า 1 ทางเลือก GroupBox เป็นการรวม
Control ให้อยู่ในประเภทเดียวกัน ListBox ใช้แสดงรายการของตัวเลือกตามค่าเริ่มต้นตัวเลือก
ComboBox มีลักษณะผสมกันระหว่าง ListBox กับ Text box จะมีรายการให้เลอื กเมื่อมีการคลิกท่ี
ปุ่มดา้ นขวาของ Control
สาระการเรยี นรู้

1 การสรา้ งและกำหนดคณุ สมบัตขิ อง Label บน Form
2 การสร้างและกำหนดคณุ สมบัติของ TextBox บน Form
3 การเขียนคำสั่งใน TextBox ใหโ้ ปรแกรมทำงานตามคำส่งั
4 การสร้างและกำหนดคุณสมบัตขิ อง Button บน Form
5 การเขียนคำส่งั ใน Button ให้โปรแกรมทำงานตามคำสั่ง
6 การสร้างและกำหนดคุณสมบัติของ RadioButton CheckBox และ GroupBox บน
Form
7 การใชค้ ำส่ังในการส่งั งานให้ RadioButton CheckBox ทำงานตามคำสงั่

8 การสร้างและกำหนดคุณสมบตั ิของ ListBox และ ComboBox บน Form
9 การเขยี นคำสงั่ ใน ListBox และ ComboBox ให้โปรแกรมทำงานตามคำสัง่
ผลการเรยี นรทู้ ีค่ าดหวงั
1 สร้างและกำหนดคุณสมบัติของ Label บน Form ได้
2 สรา้ งและกำหนดคุณสมบัติของ TextBox บน Form ได้
3 เขียนคำสงั่ ใน TextBox ใหโ้ ปรแกรมทำงานตามคำสั่งได้
4 สร้างและกำหนดคณุ สมบตั ขิ อง Button บน Form ได้
5 เขยี นคำสัง่ ใน Button ใหโ้ ปรแกรมทำงานตามคำสัง่ ได้
6 สร้างและกำหนดคุณสมบัติของ RadioButton CheckBox และ GroupBox บน Form
ได้
7 ใช้คำสงั่ ในการส่ังงานให้ RadioButton CheckBox ทำงานตามคำสง่ั ได้
8 สรา้ งและกำหนดคณุ สมบตั ิของ ListBox และ ComboBox บน Form ได้
9 เขียนคำสงั่ ใน ListBox และ ComboBox ใหโ้ ปรแกรมทำงานตามคำสัง่ ได้

การสรา้ งและกำหนดคุณสมบตั ิของ Label บน Form

แถบอักษร (Label) เป็น Control สำหรับป้อนข้อความแสดงผลบนพื้นที่ของ Form ใช้เพื่อ
แสดงคำอธิบายส่วนของโปรแกรมท่ีต้องการให้ทำการป้อนข้อมูลและใช้แสดงผลลัพธ์รวมถึงข้อความ
อน่ื ๆ ที่ตอ้ งการแสดงไว้บน Form

การสรา้ ง Label บน Form ทำไดด้ งั นี้
1. เปิด ToolBox โดยคลกิ ทไ่ี อคอน ToolBox ทีอ่ ย่บู น ToolBar

2. คลิกเมาส์เลอื ก Control label จาก ToolBox

3. เล่ือนเมาสไ์ ปบนพ้นื ท่ีของ Form จะปรากฏเครื่องหมาย + คลกิ เมาสซ์ ้ายค้างไว้แล้วลาก
จากมุมซ้ายบนมายังมุมขวาล่างจะปรากฏ Label บนฟอร์มหรือดับเบิลคลิกที่ Control
Label ก็จะปรากฏ Label บนก่ึงกลาง Form

4. กำหนดคุณสมบัติ (Properties) ให้กับ Label กำหนดชื่อ Label เป็น blGreeting โดย
การพิมพ์ลงในชอ่ งดา้ นหลัง Properties (Name) ซึ่งอยูใ่ นหมวด Design

*กำหนดการจัดวางตำแหน่งตัวอักษรให้อยู่ตรงกึ่งกลาง (Top Center) โดยสามารถกำหนด
ได้จากการเลอื กที่ Properties Text Align

*กำหนดข้อความใน Label เป็นสวัสดีครับโดยสามารถกำหนดได้โดยการพิมพ์ลงในช่อง
Properties Text

*กำหนดสีของพ้ืนหลังเปน็ สฟี า้ โดยสามารถกำหนดไดท้ ่ี Properties BackColor
*กำหนดรูปแบบของตัวอักษรเป็น Angsana New ขนาด 16 โดยสามารถกำหนดได้ที่
Properties Font

ใบงานท่ี 5.1

คำชี้แจง ให้ผ้เู รียนปฏบิ ัตดิ งั น้ี
ให้สร้าง Label ขึ้นมาจำนวน 3 ข้อความ และให้กำหนดคุณสมบัติตามที่กำหนดและให้

บันทึกผลลัพธท์ เ่ี กิดขนึ้ Save Form ชอ่ื FromLabel และ Save Project ชื่อ Label 1

Label ที่ 1 มคี ณุ สมบตั ิดงั นี้
*ตั้งช่อื Label เป็น lblName
* ตัง้ คา่ สีพ้นื หลังเป็นสเี หลอื งออ่ น (255, 255, 192)
* ใช้ตัวอักษร Angsana New ขนาด 12 และสีของตัวอกั ษรสีแดง
* กำหนดขอ้ ความใน Label เปน็ ชือ่ -นามสกลุ

* กำหนดใหก้ ารจัดวางตัวอกั ษรอยูต่ รงกลาง (Middle Center)
Label ที่ 2 มคี ุณสมบัติดงั นี้

* ต้ังชอ่ื Label เปน็ lblExpense
* ตั้งคา่ สีพ้ืนหลังเป็นโปรง่ ใส (Transparent)
* ใชต้ ัวอักษร Angsana New ขนาด 20 และสีของตวั อักษรสดี ำ
* กำหนดข้อความใน Label เป็น ค่าใช้จ่ายส่วนตัว
* กำหนดใหก้ ารจัดวางตัวอกั ษรอยมู่ ุมขวาบน (TopRight)
Label ท่ี 3 มคี ุณสมบัติดงั นี้
*ตัง้ ชือ่ Label เป็น (lblAmount
* ตัง้ คา่ สีพื้นหลังเปน็ สีขาว (White)
* ใชต้ ัวอักษร Angsana New ขนาด 18 และสีของตวั อกั ษรสนี ำ้ เงนิ
* กำหนดขอ้ ความใน Label เป็นจำนวนเงนิ
* กำหนดใหก้ ารจดั วางตัวอักษรอยชู่ ดิ ขอบซ้าย (MiddleLeft)

การสรา้ งและกำหนดคณู สมบตั ขิ อง Textbox บน Form

กล่องข้อความ (TextBox) เป็น Control ที่ใช้รับข้อมูลจากผู้ใช้ โดยผู้ใช้สามารถพิมพ์
ขอ้ ความลงใน TextBox เพอื่ ให้แสดงผลร่วมกบั Control อน่ื ๆ เช่น Label ได้

ตัวอยา่ งท่ี 1 การสร้าง TextBox ทำได้ดงั นี้ (ให้ผู้เรยี นปฏิบตั ติ าม)
1. คลกิ เม้าส์เลือก Control TextBox จาก ToolBox

2. เลื่อนเมาส์มาบริเวณ Form คลิกเมาส์ซ้ายค้างไว้แล้วลากจากบริเวณมุมบนซ้ายมือลงมา
บริเวณมมุ ลา่ งขวามอื หรอื ดับเบิลคลกิ ที่ Control TextBox จากนนั้ ใหป้ รับขนาดใหไ้ ดต้ ามตวั อยา่ ง

หมายเหตุ ในการปรับขนาดของ TextBox นั้นให้ตั้งค่า Properties Multiline ให้เป็น True
ก่อนจงึ จะสามารถปรบั ขนาดของ TextBox ได้

3. กำหนด Properties ของ TextBox1

4. กำหนด Properties ของ TexBox2

5. การทดสอบโปรแกรม โดยการกดปุ่ม F5 หรือคลิกเลือกที่ปุ่ม___ บนทูลบาร์ (Toolbar)
ทดสอบโดยการพิมพข์ ้อมูลลงใน TextBox 2

ใบงานท่ี 5.2

คำชแ้ี จง ใหผ้ ู้เรียนฝกึ ปฏบิ ัตติ ามคำสง่ั ดงั นี้
1. ให้สร้าง Label ขึ้นมาจำนวน 1 ข้อความ และ TextBox จำนวน 2 TextBox กำหนด

คุณสมบัติตามที่กำหนด และให้บันทึกผลลัทธ์ที่เกิดขึ้น Save Form ชื่อ FromText1 และ Save
Project ชอ่ื Text1

Label ท่ี 1 มคี ุณสมบตั ิดังนี้
*ตง้ั ชื่อ Label เปน็ lblName

* ใช้ตวั อกั ษร Microsoft Sans Serif ขนาด 12
* กำหนดข้อความใน Label เปน็ ชอ่ื สินค้า
* กำหนดให้การจดั วางตัวอักษรอยู่ชดิ ขอบซ้ายบน (TopLeft)

TextBox ท่ี 1 มีคุณสมบตั ิดงั น้ี
*กำหนดสีพื้นหลงั เป็นสีฟา้ (192, 255, 255)
* กำหนดให้เป็นแบบ Multiline

TextBox ที่ 2 มคี ณุ สมบตั ดิ งั นี้
*กำหนดสพี นื้ หลงั เปน็ สีเหลืองอ่อน (255, 255, 192)
*กำหนดใหเ้ ปน็ แบบ Multiline

*กำหนดใหม้ ี Scroll Bar ในแนวตง้ั
*ใชต้ ัวอักษร Microsoft Sans Serif ขนาด 14
* กำหนดขอ้ ความใน TextBox เป็นรายละเอยี ดสินค้า
* กำหนดให้การจดั วางตัวอักษรอย่ชู ดิ ขอบซ้าย (Left)

จากนน้ั ทดสอบ Run Program พมิ พ์ขอ้ มลู ลงใน textBox และเขียนผลทไี่ ด้

การเขียนคำสั่งใน TextBox ใหโ้ ปรแกรมทำงานตามคำส่งั

TextBox เป็น Control ที่สามารถใช้งานร่วมกับ Control อื่น ๆ ได้ โดย TextBox จะรับ
ขอ้ มูลท่ไี ดไ้ ปใช้งานโดยอาจมกี ารทำงานร่วมกับ Control อ่ืน ๆ ได้

การปอ้ นขอ้ มูลลง TextBox และใหแ้ สดงผลใน Label (ใหผ้ เู้ รยี นปฏบิ ัติตาม)
ให้ทำการสร้าง Project และ Form ข้นึ มาใหม่ สรา้ ง TextBox สำหรับปอ้ นข้อมลู และสร้าง
Label สำหรับแสดงผล Save Project ชอื่ Text Label1 ดังรูป

TextBox ท่ี 1 มีคุณสมบัตดิ ังน้ี
* กำหนดใหเ้ ปน็ แบบ Multiline
* กำหนดข้อความใน TextBox เปน็ TextBox1
* กำหนดให้การจัดวางตวั อักษรอยู่ตรงกลาง (Center)
* กำหนดชื่อของ TextBox เป็น txtHello

TextBox ท่ี 2 มคี ณุ สมบัตดิ งั น้ี
* กำหนดใหเ้ ป็นแบบ Multiline
* กำหนดขอ้ ความใน TextBox เป็น TextBox2
* กำหนดให้การจัดวางตวั อกั ษรอยตู่ รงกลาง (Center)
* กำหนดชอ่ื ของ TextBox เปน็ txtName

Label ที่ 1 มีคุณสมบัตดิ งั น้ี
* ตั้งชื่อ Label เป็น IbLHello
* กำหนดขอ้ ความใน Label เปน็ Label1
*กำหนดใหก้ ารจัดวางตวั อักษรอยู่ตรงกลาง (MiddleCenter)

Label ที่ 2 มคี ุณสมบตั ิดังนี้
* ต้ังชอื่ Label เป็น (lblName
* กำหนดข้อความใน Label เปน็ Label2
* กำหนดให้การจัดวางตวั อักษรอยตู่ รงกลาง (MiddleCenter)
การเขียนคำสั่งเมื่อป้อนข้อมูลใน TextBox ที่ 1 และให้แสดงผลใน Label ที่ 1 สามารถทำ

ได้ดงั นี้
1. ดบั เบลิ คลกิ ท่ี TextBox ท่ี 1 จะปรากฏหนา้ ต่าง Code ดงั รูป

โดยที่ code Private Sub txtHello TetChanged นั้นจะเป็น Event สำหรับการเปลี่ยน
ตวั อักษร ผู้ใชส้ ามารถเลือก Event อ่ืน ๆ ไดโ้ ดยการคลิกทล่ี กู ศร Drop down

2. ใส่ Code เพอื่ ให้ตัวอกั ษรท่ีใสล่ งใน TextBox 1 แสดงผลใน Label 1 ดังนี้

การเขียนคำสั่งเมื่อป้อนข้อมูลใน TextBox ที่ 2 และให้แสดงผลใน Labet ที่ 2 สามารถทำ
ได้ในลักษณะเดียวกันโดยทำการดับเบิลคลิกที่ TextBox ที่ 2 และเปลี่ยน code จาก lblHello เป็น
IblName และ txtHello เป็น txtName

3. ทดลองรันโปรแกรมและพมิ พ์ข้อความลงใน TextBox ทั้งสองเพ่ือสงั เกตผลท่ไี ด้

การปอ้ นขอ้ มูลใน TextBox ให้มีการคำนวณและแสดงผลใน Label เมอ่ื คลิกเมาส์ ให้ผู้เรียน
ปฏบิ ัตติ าม)

1. ให้ทำการสร้าง Project และ Form ขึ้นมาใหม่สำหรับการคำนวณราคาปากกา โดยสร้าง
Textbox จำนวน 2 Textbox สำหรับป้อนขอ้ มลู และสร้าง Label จำนวน 4 Label สำหรับแสดงผล
Save Project ช่อื Calculation ดงั รูป

2. การเขียนคำสั่งเมื่อป้อนข้อมูลใน TextBox 1 และ 2 และให้แสดงผลใน Label 4 (แสดง
ผลลพั ธ์) เมอ่ื มีการคลกิ เมาส์มีวิธีการดังนี้

2.1. ดบั เบิลคลกิ ที่ Label 4 จะปรากฎหน้าต่าง Code ขึน้ มา

โดยที่ Label4_Click คอื การกำหนดใหม้ ีการทำงานตาม code เมือ่ มกี ารคลิกท่ี Label4
2.2. Code ที่ใชใ้ นการคำนวณราคาของปากกามีดงั น้ี

โดยความหมายของ Labet4.Text = TextBox1.Text * TextBox2.Text คือตัวอักษรที่
แสดงออกทาง Label4 มาจากผลคณู ระหว่างคา่ ท่ีใสล่ งใน TextBox1 และ TextBox2 โดยตัวอย่างท่ี
ได้จากการรันโปรแกรมมดี งั น้ี

การสรา้ งและกำหนดคณุ สมบตั ขิ อง Button บน Form

Button เป็นปุ่มคำส่ังใช้ในการป้อนคำสัง่ เพื่อให้โปรแกรมแสดงผลตามที่ได้เขียนคำสั่งไว้โดย
การคลิกทีป่ ่มุ วธิ ีการสร้าง Button น้นั จะมีลกั ษณะคล้ายกนั กับการสร้าง Label และ TextBox

วิธีการสร้าง Button ทำได้โดยการคลิกที่ Control Button ใน ToolBox จากนั้นคลิกที่
Form Design จะปรากฏ Bution ขนึ้ ดังรปู

ผู้ใช้สามารถกำหนด Properties ต่างๆ ของ Button เช่น ชื่อ, สีของพื้นหลัง, ขนาดของ
Button ไดโ้ ดยมวี ิธีเดียวกนั กับการกำหนด Properties ของ Label และ TextBox ข้างตน้

ตวั อยา่ ง Properties ของ Button

การเขียนคำสัง่ ใน Button ให้โปรแกรมทำงานตามคำสง่ั

Button สามารถใช้ควบคุมการทำงานของ Control อื่น ๆ เมื่อทำการคลิกที่ Button ได้
ตัวอยา่ งการใช้งานและคำสัง่ ที่ใชใ้ นการควบคุมการทำงานมดี ังน้ี

การใชง้ าน Button รว่ มกบั Message Box
เป็นการกำหนดให้เมื่อมีการคลิกที่ Button แล้วจะปรากฏข้อความที่ตั้งไว้ขึ้นมา ซึ่งมีวิธีการ
สรา้ ง Message Box ดงั น้ี
1. ดบั เบลิ คลกิ ที่ Button จะปรากฎหน้าตา่ ง code ดงั รูป

โดยท่ี Button1_ Click จะเป็นการกำหนดใหเ้ ริ่มทำงานเมอ่ื มีการคลิกที่ Button1
2. Code สำหรับแสดง Message Box มดี งั นี้

โดยที่ MsgBox (“ สวัสดี” เป็นการกำหนดให้มีการแสดงข้อความ“ สวัสดี” เมื่อมีการคลิก
Button และ MsgBoxStyle.OKCancel เป็นการกำหนดรูปแบบของ Message Box โดยกำหนดให้
เมือ่ คลกิ Button แล้วจะมตี วั เลือก OK และ Cancel ให้เลือก

3. ทดลองรันโปรแกรมจะไดผ้ ลดงั รูป

การใช้ Button ในการ Load Form
นอกเหนือจากการใช้ Button สร้าง Message Box แล้ว ผู้ใช้ยังสามารถกำหนดให้เมื่อคลิก
Button แล้วจะเปน็ การเปดิ หรอื ปิด Form ไดอ้ ีกด้วย ซึ่งมีวิธกี ารดงั นี้
1. สรา้ ง Form ข้ึนมา 2 Form โดยตงั้ ชื่อว่า Form1 และ Form2 ตามลำดบั
2. สร้าง Bution1 ขึ้นใน Form1 โดยกำหนดให้แสดงข้อความ Command1 และสร้าง
Button2 ข้นึ ใน Form2 โดยกำหนดใหแ้ สดงขอ้ ความ Command2 ดงั รูป

3. กำหนดช่ือของ Button1 และ Button2 เปน็ cmd1 และ Cmd2 ตามลำดับ

4. กำหนดคำสั่งโดยให้แสดง Form2 ข้ึนมาเมอ่ื มีการคลิกที่ปุ่ม Command1 และเม่ือคลิกท่ี
ปุ่ม Command2 Form2 จะหายไป โดยมขี น้ั ตอนดังนี้

a. ดบั เบิลคลิกที่ Button1 และ Button2 เพือ่ เปิดหนา้ code editor ขึน้ มา
b. ทำการพิมพ์ code ดงั ต่อไปน้ี

โดยที่ code Form2.Show () เป็นคำสั่งที่ใช้ในการแสดง Form2 ขึ้นมา และคำส่ัง
Me.Hide() เป็นคำสั่งทใี่ ช้ในการซอ่ น Form ทีม่ ี code นอี้ ยู่ (ในกรณนี ี้คือ Form2)

5. ทดลองรนั โปรแกรมและสงั เกตผลทไ่ี ด้

ใบงานที่ 5.3

คำชี้แจง ให้ผู้เรียนสร้าง Button สำหรับแสดง และ ซ่อน Form โดยมเี ง่อื นไขดังนี้
* สร้าง Form ขึ้นมา 2 Form ตั้งชื่อเป็น Form1 และ Form2 โดยในแต่ละ Form

ประกอบด้วย 1 Button
* เมอ่ื คลิก Button1 ใน Form1 จะเป็นการแสดง Form2 และซอ่ น Form1
* เมือ่ คลิก Button2 ใน Form2 จะเป็นการแสดง Forml และซ่อน Form2
การใช้ Button รว่ มกับ Label TextBox
การป้อนข้อมูลใน TextBox ให้มีการแสดงผลใน Label พร้อมการป้อนข้อความและมีการ

แสดงผลตอบโต้ (Interactive) เม่อื มกี ารคลกิ เมาสท์ ่ี Button สามารถทำไดด้ ังน้ี
1. ให้ทำการสร้าง Project และ Form ขึ้นมาใหม่ สร้าง Textbox สำหรับป้อนข้อมูล และ

สรา้ ง Label สำหรบั แสดงผล Save Project ชอื่ ProjectCmd3 และจดั ใหม้ ีลักษณะดังรูป

หมายเหตุ การขีดเส้นใต้ด้านล่างตัวอักษร K และ C สามารถทำได้โดยใช้เครื่องหมาย & นำหน้า
ตัวอักษรท่ีต้องการขดี เสน้ ใต้ดงั รปู

2. ดับเบิลคลิกท่ี Button OK เพื่อเปิด Code editor และใส่ Code ดงั รูป

โดยที่ Label2.Text = "สวัสดีคุณ" & TextBox1.Text เป็น code ที่กำหนดให้เมื่อทำการ
คลิกที่ปุ่ม OK แล้วการแสดงผลใน Label2 เป็นข้อความ สวัสดีคุณ ร่วมกับข้อความที่พิมพ์ลงใน
TextBox1

3. ดบั เบลิ คลกิ ท่ี Button Cancel เพอ่ื ใส่ Code ดงั รปู

โดยท่ี Me.Hide () เปน็ Code ท่ีใชใ้ นการซ่อน Form1
4. ดับเบลิ คลกิ ท่ี Label2 เพอ่ื ใส่ Code ดงั รปู

โดยที่ Label2.Text = "โปรดตรวจสอบชื่อที่พิมพ์" & TextBox1.Text เป็นการกำหนดให้
การแสดงผลข้อความใน Label2 เปน็ ขอ้ ความ โปรดตรวจสอบชอื่ ทพี่ มิ พ์ รว่ มกบั ข้อความท่พี ิมพ์ลงใน
TextBox1

5. ทำการรันโปรแกรม ทดลองพมิ พ์ชื่อลงใน TextBox1 สังเกตผลทไี่ ด้ จากนั้นคลิกที่ปุ่ม OK
และสงั เกตผลทีไ่ ด้

ใบงานที่ 5.4

คำชี้แจง ให้ผู้เรียนทำการสร้าง Form เพื่อทำการคำนวณค่านายหน้าโดยมีลักษณะของ Form
ดงั รูป

กำหนดให้
* ยอดจำหนา่ ยรวม = ปรมิ าณสนิ ค้า x ราคาสนิ คา้
* อตั ราค่านายหนา้ คดิ เป็นเปอร์เซน็ ต์
* การคำนวณเงินค่านายหน้าคิดจาก เงินค่านายหน้า = ยอดจำหน่ายรวม X อัตราค่า
นายหนา้ / 100

การสร้างและกาหนดคุณสมบัติของ RadioButton CheckBox และ GroupBox บน

Form

CheckBox และ RadioButton มีไว้สำหรับให้ผู้ใช้เลือกทั้ง 2 Control จะมีคุณสมบัติ

(Properties) และการกำหนดเหตุการณ์ (Event) ที่เหมือนกัน RadioButton เป็นกลุ่มของตัวเลือก

ตง้ั แต่ 2 ตัวเลือกซ่งึ จะต้องเลือกตวั เลือกใดตวั เลือกหนง่ึ เท่านัน้ ถ้ามีการเลือกปุ่มหน่ึง ก็จะไม่สามารถ

เลือกปมุ่ อืน่ ไดส้ ว่ น CheckBox จะสามารถเลือกไดห้ ลายหวั ข้อพร้อมกัน GroupBox จะเป็น Control

ทีม่ หี นา้ ทีจ่ ดั กลุ่มของ Control อนื่ ใหอ้ ยู่ในหมวดหมู่เดียวกัน

การใช้ CheckBox RadioButton และ GroupBox

ตัวอย่างท่ี 2 การสรา้ ง CheckBox และ RadioButton
1. สรา้ ง Project ขนึ้ มาใหม่
2. คลิกท่ี Control CheckBox และนำมาวาดลงบน Form ดงั รปู
3. คลกิ ที่ RadioButton และนำมาวาดลงบน Form ดงั รูป
4. จัดรูปแบบ CkeckBox และ RadioButton ดงั รูป

ตัวอย่างที่ 3 การสร้าง GroupBox เพ่อื จดั หมวดหมขู่ อง CheckBox และ RadioButton
1. สร้าง Project ข้นึ มาใหม่
2. สร้าง Label และกำหนดขอ้ ความสำรวจระดับการศึกษา
3. คลิกเลือกที่ Control Line \ LineShape ซึ่งอยู่ในหมวด Visual Basic PowerPacks

บน ToolBox นำมาวาดใต้ Label
4. คลิกที่ Control GroupBox บน ToolBox นำมาวาดบน Form จำนวน 2 GroupBox

กำหนดขอ้ ความ GroupBox ที่ 1 เปน็ ระดับการศึกษากำหนดข้อความ GroupBox ท่ี 2 เปน็ เพศ
5. คลิกที่ Control CheckBox และนำมาวาดลงใน GroupBox ระดับการศึกษาจำนวน 3

รายการ และให้เปลี่ยนข้อความ CheckBox ที่ 1 เป็นมัธยมต้น ข้อความ CheckBox ที่ 2 เป็นมัธยม
ปลายและข้อความ CheckBox ท่ี 3 เปน็ มหาวทิ ยาลัย

6. คลิกที่ RadioButton และนำมาวาดลงบน GroupBox จำนวน 2 รายการและให้เปลี่ยน
ข้อความ RadioButton ท่ี 1 เป็นชาย และข้อความ RadioButton ที่ 2 เปน็ หญงิ

7. จดั รปู แบบ Object ต่างๆบน Form ดังรปู

การใชค้ ำส่ังในการส่ังงานให้ RadioButton CheckBox ทำงานตามคำสั่ง

RadioButton CheckBox สามารถใช้งานร่วมกับ Control อื่น ๆ เช่น TextBox ได้ โดย
ตวั อย่างของการใช้งานและคำสง่ั ในการควบคุมการทำงานมีดังน้ี
ตัวอย่างที่ 4 การเขียนคำสั่งให้ CheckBox ทำงานร่วมกับ TextBox โดยทำการป้อนข้อมูลลงใน
TextBox และเมื่อทำการคลิกที่ CheckBox Bold จะทำให้ตัวหนังสือใน TextBox เป็นตัวหนาและ
ถ้าคลกิ ที่ CheckBox Italic จะทำให้ตวั หนงั สือใน TextBox เป็นตวั เอยี ง (ให้ผเู้ รียนปฏบิ ัตติ าม)

1. ให้ทำการสร้าง Project และ Form ขึ้นมาใหม่สร้าง Texbox สำหรับป้อนข้อมูล และ
ส ร ้ า ง CheckBox ข ึ ้ น ม า 2 ร า ย ก า ร Save Form ช ื ่ อ frmChk_Opt2 แ ล ะ Project ช่ื อ
ProjectChk_Opt2

2. ค ล ิ ก ท ี ่ Control TextBox น ำ ม า ว า ด บ น Form 1 TextBox ก ำ ห น ด
PropertiesTextName ชื่อ tktVb กำหนดข้อความใน Text เป็น Visual Basic แล้วจัดขนาดและ
ตำแหน่ง ดงั รูป

3. คลิกที่ Control CheckBox นำมาวาดบน Form 2 รายการ กำหนด Properties
CheckBox ที่ 1 Name เป็น chkBold และข้อความเป็น Bold และ CheckBox ที่ 2 Name เป็น
chkItalic และขอ้ ความเป็น Italic ดังรูป

4. การเขียนคำสงั่ ให้ CheckBox ให้ทำการเปลยี่ นตวั อักษรใน TextBox

5. Run Program คลิกท่ี CheckBox Bold และ Italic เขียนผลลัพธท์ ี่ได้
ตัวอยา่ งท่ี 5 การใช้ RadioButton และ CheckBox ทำงานรว่ มกบั Label

1. สรา้ ง Project ขนึ้ มาใหม่
2. สร้าง Label ชื่อ (lblSelect กำหนด Alignement เป็น Center และกำหนดข้อความ
เป็น Please select language and font?
3. คลกิ เลอื กท่ี Control Line บน ToolBox นำมาวาดใต้ Label
4. คลิกที่ Control GroupBox บน ToolBox นำมาวาดบน Form จำนวน 2 GroupBox
กำหนด GroupBox ที่ 1 ช่ือ grbLanguage) กำหนดขอ้ ความเป็น เลือกภาษา กำหนด GroupBox ที่
2 ซอ้ื grbFont กำหนดข้อความ GroupBox ที่ 2 เปน็ เลอื กแบบตัวอกั ษร
5. คลิกที่ Control RadioButton และนำมาวาดลงบน GroupBox เลือกภาษาจำนวน 2
รายการกำหนดชื่อ RadioButton ที่ 1 เป็น radEnglish กำหนด ข้อความ เป็น ภาษาอังกฤษ และ
กำหนดช่ือ RadioButton ท่ี 2 เปน็ radThai กำหนดขอ้ ความเปน็ ภาษาไทย
6. คลิกที่ Control CheckBox และนำมาวาดลงใน GroupBox เลือกแบบตัวอักษร 3
รายการกำหนดชื่อ CheckBox ที่ 1 เป็น chkBold กำหนด ข้อความเป็น ตัวหนา กำหนดช่ือ
CheckBox ที่ 2 เป็น chataic กำหนดข้อความเป็น ตัวเอียง กำหนดชื่อ CheckBox ที่ 3 เป็น
chkUnderline กำหนด ขอ้ ความเป็น ขดี เสน้ ใต้
7. จดั รปู แบบ Object ต่างๆ บน Form ดงั รูป

8. เขียนคำสั่งให้ RadioButton ให้เปลี่ยนข้อความใน Label ที่เป็นภาษาอังกฤษ (Please
select language and font?) เมื่อเลือกภาษาอังกฤษ และเปลี่ยนเป็นข้อความภาษาไทย (กรุณา
เลือกภาษาและรูปแบบตัวอกั ษร) เมื่อเลอื ก ภาษาไทย

9. เขียนคำสั่ง CheckBox ให้ทำการเปลี่ยนตัวอักษรใน Label เป็นตัวหนา ตัวเอียง ขีดเสน้
ใต้

10. Run Program คลิกที่ RadioButton เลือกภาษา คลิกท่ี CheckBox ตัวหนา ตัวเอียง
และขดี เส้นใต้ แลว้ เขียนผลลพั ธ์ทไ่ี ด้

การสรา้ งและกำหนดคณุ สมบตั ิของ ListBoya และ ComboBox บน Form

ListBox เป็นตัว Control ที่ใช้แสดงรายการของตัวเลือกตามค่าเริ่มต้นของตัวเลือก
ComboBox เป็นตัว Control ที่คล้ายกับ ListBox มีลักษณะที่ผสมกันระหว่าง ListBox กับ
TextBox จะมรี ายการใหเ้ ลอื กเม่อื มกี ารคลิกท่ปี ุ่มด้านขวาของ ComboBox

ตัวอยา่ งท่ี 6 การใช้ ComboBox และ ListBox
1. สร้าง Project ขึ้นมาใหมบ่ ันทึกช่อื ProjectCombo_List1

2. สร้าง Label ท่ี 1 ช่ือ lblMember กำหนดขอ้ ความเป็น รายชื่อสมาชิก สร้าง Label ที่ 2
ชอ่ื lblBook กำหนดขอ้ ความเป็น รายชือ่ หนังสอื

3. ค ล ิ ก ท ี ่ Control ComboBox บ น ToolBox น ำ ม า ว า ด บ น Form ก ำ ห น ด ชื่ อ
cboMember

4. คลิกที่ Control ListBox บน ToolBox นำมาวาดบน Form กำหนดช่ือ lstBook

5. การเขียนคำสั่งบน Form ให้ ComboBox และ ListBox แสดงรายการขึ้นมาให้เลือก
สามารถทำได้ 2 วธิ ีดงั นี้

5.1 เขยี นคำสั่งเพื่อให้ Form ทำการ Load รายการสมาชกิ ลงใน ComboBox และ
ListBox โดยดบั เบิลคลกิ ที่ Form แลว้ ใส่ Code ดงั น้ี

หรอื
5.2 เพิม่ รายการสมาชิกลงใน Properties Items ซึ่งอยู่ในกลุม่ Properties Data

• การเพิ่มรายการสมาชิกทำได้โดยคลิกที่ * จะปรากฏหน้าตา่ งสำหรบั การเพิ่ม
รายการสมาชกิ

• ทำการเพ่มิ รายการสมาชกิ โดยกำหนดใหม้ ี 1 สมาชิกต่อ 1 บรรทดั
6. Run Program คลิกที่ปุ่มบน ComboBox แล้วเขียนผลลัพธ์ที่ได้และความแตกต่าง
ระหว่าง ComboBox กบั ListBox

การเขียนคำสั่งใน ListBox และ ComboBox ใหโ้ ปรแกรมทำงานตามคำสง่ั

ListBox และ ComboBox สามารถใช้งานร่วมกับ Control อื่น ๆ เช่น TextBox ได้โดย
ตวั อย่างของการใช้งานและคำสั่งในการควบคุมการทำงานมีดังน้ี
ตวั อย่างท่ี 7 การเพม่ิ รายการใน ListBox โดยใช้ TextBox

1. สร้าง Project ขึ้นมาใหม่บนั ทกึ ชื่อ ProjectAdd List
2. สรา้ ง TextBox กำหนดชื่อ tktName กำหนดเป็นข้อความ ว่าง
3. สรา้ ง ListBox กำหนดชอื่ lstName
4. สร้าง Button จำนวน 2 ปุ่ม โดยปมุ่ ท่ี 1 กำหนดชือ่ btnAddName กำหนดข้อความเป็น
เพม่ิ รายชือ่ ป่มุ ท่ี 2 กำหนดชือ่ btnExit กำหนดขอ้ ความเป็น ออกจากโปรแกรม

5. การเขียนคำสั่งใน Code Editor โดยการดับเบิลคลิกที่ Button เพิ่มรายชื่อและออกจาก
โปรแกรม และใส่ code ดังนี้

6. ทำการ Run Program และพมิ พ์ชอื่ ใน txtName คลิกปมุ่ เพิม่ รายชอ่ื จะไดผ้ ลลัพธด์ งั รูป

ตัวอยา่ งที่ 8 การเพ่มิ รายการใน ComboBox
1. สร้าง Project ขึ้นมาใหมบ่ นั ทกึ ชอื่ Project AddCombo
2. สร้าง ComboBox บน Form กำหนดชื่อ cboName กำหนด DropDownStyle เป็น

Simple
3. สร้าง Button บน Form จำนวน 2 ปุ่ม ปุ่มที่ 1 กำหนดชื่อ cmdAdd กำหนดข้อความ

เป็นเพิม่ รายชือ่ ปมุ่ ที่ 2 กำหนดช่อื cmdExit กำหนดขอ้ ความเปน็ ออก

4. การเขียนคำสั่งใน Code Editor โดยการดับเบิลคลิกที่ Button เพิ่มรายชื่อและออกแล้ว
ใส่ Code ดงั น้ี

5. ทำการ Run Program และพิมพ์ชอื่ ใน cboName คลิกปุ่มเพ่มิ จะได้ผลลัพธด์ ังรปู

ใบงานท่ี 5.5

คำช้ีแจง ให้ผู้เรียนปฏิบตั ิดังนี้
สร้าง Form สำหรับเพิ่ม และลบรายการสมาชิกออกจาก ListBox. โดยกำหนดให้รูปแบบ

ของ Form มีดงั นี้

* เม่อื คลกิ ทป่ี ุ่ม เพ่ิม จะเป็นการเพิม่ รายช่ือสมาชกิ จาก TextBox ไปยงั ListBox
* เมื่อคลิกที่ปุ่ม ลบ จะเป็นการลบรายชื่อสมาชิกที่เลือกออกจาก ListBox (การลบรายช่ือ
สมาชกิ ทเี่ ลอื กน้ันทำได้โดยใช้คำส่ัง ListBox1.Items. Remove (ListBox1.SelectedItem) เมื่อคลิก
ทป่ี มุ่ ออก จะเป็นการออกจากโปรแกรม

แบบประเมนิ ผลการเรยี นรูห้ น่วยที่ 5

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

ก. Button
ข. TextBox
ค. RadioButton
ง. GroupBox
2. Control ทใ่ี ช้สำหรบั ให้ผู้ใชง้ านเลอื กใชท้ างเลอื กใดทางเลือกหนง่ึ คอื Control ใด
ก. CheckBox
ข. TextBox
ค. RadioButton
ง. ComboBox
3. Control ทีเ่ ป็นแถบขอ้ ความใช้ในการอธบิ ายและการแสดงผลคอื Control ใด
ก. ListBox
ข. TextBox
ค. Labet
ง. ComboBox
4. การกำหนดการจดั วางตำแหน่งตวั อักษรสามารถกำหนดไดจ้ ากคุณสมบตั ิใด
ก. Text
ข. TextAlign
ค. Font
ง. BackColor
5. ในการปรบั ขนาดของ TextBox น้นั ต้องทำสงิ่ ใดเป็นขั้นตอนแรก
ก. คลิกเมาสซ์ า้ ยคา้ งไวแ้ ล้วลากเพอ่ื ปรับขนาดของ TextBox
ข. ดบั เบิลคลิกที่ TextBox
ค. ตง้ั คา่ Properties Multiline ให้เปน็ True
ง. คลกิ ขวาท่ี TextBox
6. การกำหนดขอ้ ความทีแ่ สดงบน Button สามารถกำหนดไดจ้ าก Properties ใด
ก. Text
ข. TextAlign
ค. Font

ง. Name
7. คำส่ังทใี่ ช้ในการกำหนดรูปแบบของ MessageBox คือคำสัง่ ใด

ก. Sender As
ข. TextChanged
ค. MsgBoxStyle
ง. Load
8. คำสั่งที่ใช้ในการซอ่ น Form ปจั จบุ ันคือคำส่งั ใด
ก. Me. Hide)
ข. Me.Show) ()
ค. Form.Hide ()
ง. Form.Show ()
9. ข้อใดคือสัญลกั ษณ์ของ RadioButton
ก.
ข.
ค.
ง. ไม่มขี ้อใดถูก
10. ขอ้ แตกต่างระหว่าง RadioButton และ CheckBox คือขอ้ ใด
ก. RadioButton จะตอ้ งเลือกตัวเลือกใดตวั เลือกหนึ่งเท่านั้น สว่ น CheckBox จะสามารถเลือกได้
หลายหัวข้อพรอ้ มกัน
ข. CheckBox จะต้องเลือกตวั เลือกใดตวั เลือกหน่งึ เทา่ นัน้ ส่วน RadioButton จะสามารถเลือกได้
หลายหวั ขอ้ พรอ้ มกนั
ค. RadioButton มีหน้าที่จัดกลุ่มของ Control อื่นให้อยู่ในหมวดหมูเ่ ดยี วกัน ส่วน CheckBox มี
หนา้ ท่แี บง่ กลมุ่ ของ Control
ง. CheckBox มีหน้าที่จัดกลุ่มของ Control อื่นให้อยู่ในหมวดหมู่เดียวกัน ส่วน RadioButton มี
หนา้ ที่แบง่ กลุม่ ของ Control

ตอนท่ี 2 จงตอบคำถามต่อไปน้ี

1. ให้สร้าง Form ขึ้นมา 1 Form ตั้งชื่อฟอร์มว่า frmLabelEx1 โดยให้ผู้เรียนสร้าง Label ขึ้นมา
ตามที่กำหนดไว้ในโจทย์โดยให้ผู้เรียนกำหนด Properties ของ Label ตามโจทย์ จากนั้นให้ Save
Project ช่อื LabelEx1

• Label 1
o Name lbl1Ex1
o ข้อความบริษัท สามสหาย จำกัด
o TextAlignMiddleCenter
o FontBrowalliaUPC 16 Bold

• Label 2
o Namelbl2Ex1
o ขอ้ ความ 233 ถนนเพชรบรุ ี กรงุ เทพฯ
o TextAlignMiddleLeft
o FontBrowalliaUPC 16 Regular

• Labet3
o Namelbl3Ex1
o ขอ้ ความ จำนวนหน่วย
o TextAlignMiddleLeft
o FontAngsanaUPC 14 Regular

• Label 4
o Namelbl4Ex1
o ข้อความว่าง
o TextAlignMiddleRight
o BackColor ขาว
o BorderStyle Fixed Single

• Label 5
o Namelbl5Ex1
o ขอ้ ความราคาตอ่ หน่วย
o TextAlignTopLeft
o FontAngsanaUPC 14 Regular

• Label 6

o Namelbl6Ex1
o ขอ้ ความ วา่ ง
o TextAlignTopRight
o BackColor ขาว
o BorderStyle Fixed Single
• Label 7
o Namelbl7Ex1
o ขอ้ ความ รวม
o TextAlignMiddleCenter
o Font AngsanaUPC 14 Bold
• Label 8
o Namelbl8Ex1
o ขอ้ ความ วา่ ง
o TextAlignMiddleRight
o BackColor ขาว
o BorderStyle None
1. ให้ทดสอบ Run Program และเขยี นสรปุ ผลท่ีได้
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………
2. ให้ผเู้ รยี นสร้าง Form ข้นึ มา 1 Form กำหนดชื่อ frmEx2 ใช้ Label พิมพ์ช่อื ที่อยู่ เบอร์โทรศัพท์
เพศ อายุ โดยกำหนดคุณสมบัตขิ อง Label และ Form เอง Save Project ชื่อ LabelEx2 แล้วเขียน
ขน้ั ตอนวิธีทำ
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………

………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………

3. ให้สร้าง Form ขึ้นมา 1 Form ตั้งชื่อฟอร์มว่า frmTextEx3 พื้นหลังสีเหลือง โดยให้ผู้เรียนสร้าง
Textbox ขึ้นตามที่กำหนดไว้ในโจทย์ โดยให้ผู้เรียนตั้งชื่อ Textbox และกำหนด Properties ของ
Control ตามโจทย์ จากน้นั ให้ Save Project ชอ่ื TextEx3

• Label 1
o Name (b11EX3
o Text รา้ น ธนาพาณิชย์
o TextAlignMiddleCenter
o FontAngsanaUPC 14 Bold
o BackColor สีเขยี วออ่ น (192,255,192)
o BorderSyle None

• Label 2
o Name Iblgoods
o ขอ้ ความ ชื่อสินค้า
o TextAlignMiddleLeft
o FontMs San serif 12 Regular
o BackStyle Transparent

o AutoSize True
• Label 3

o Name Iblkind
o ข้อความ ชนดิ สินค้า
o TextAlignMiddleLeft
o FontMs San serif 12 Regular
o BackStyle Transparent
o AutoSize True
• TextBox 1
o Nametxt1Ex3
o Text ว่าง
o TextAlignMiddleLeft
o FontMs Sans serif 12 Regular
• TextBox 2
o Nametxt2Ex3
o Text วา่ ง
o TextAlign Left Justify
o FontMs San serif 12 Regular
• TextBox 3
o Nametxt3EX3
o Text วิธีการใช้งาน
o TextAlignTopLeft
o FontMs San serif 12 Regular
o ForeColor สีแดง
o ScrollBarsBoth
o MultiLine True
ใหท้ ดสอบ Run Program และเขยี นสรปุ ผลทไ่ี ด้
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………

………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………
4. ให้สร้าง Form ขึ้นมา 1 Form ตั้งชื่อฟอร์มว่า frmEx4 พื้นหลังสีชมพูอ่อนโดยให้ผู้เรียนสร้าง
Label และ Textbox ขึ้นตามที่กำหนดไว้ในโจทย์ โดยให้ผู้เรียนตั้งชื่อ Label และ Textbox และ
กำหนด Properties ของ Control ตามโจทย์จากนน้ั ให้ Save Project ช่อื ProjectEx4

Form
• Name frmEx4
• BackColor สชี มพอู ่อน
• ขอ้ ความ Input Data

TextBox 1
• Name txtinput1
• Text ว่าง
• TextAlign Right
• FontAngsanaUPC 14 Regular

TextBox 2
• NametxtInput2
• Text วา่ ง
• TextAlign Right
• FontAngsanaUPC 14 Regular

Label 1
• Name IblTitle
• ข้อความ ทดลองปอ้ นข้อมลู
• TextAlignMiddleCenter
• FontBrowalliaUPC 16 Bold
• BackColor สเี หลืองออ่ น
• ForeColor สีเขยี ว

Label 2
• Name lbloutput1
• ข้อความ วา่ ง
• TextAlignMiddleLeft
• FontMs San serif 10 Regular

Label 3
• Name IblOutput3
• ขอ้ ความ ว่าง
• TextAlignMiddleCenter
• FontMs San serif 10 Regular

Label 4
• Name lbloutput
• ขอ้ ความ วา่ ง
• TextAlignMiddleCenter
• Fonts San serif 12Bold

Line 1
• Name Lin1
• SelectionColor สีน้ำเงิน
• BorderWidth 2

ใหเ้ ขียนวธิ กี ารเขยี นคำสั่งดงั น้ี
กำหนดใหข้ อ้ ความทพ่ี มิ พล์ งใน TextBox 1 แสดงผลท่ี Label 2
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
……………………………………

กำหนดให้ขอ้ ความทพ่ี ิมพ์ลงใน TextBox2 แสดงผลที่ Label 3
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
……………………………………
กำหนดให้ข้อความ Label 4 แสดงผลขอ้ ความจาก Labet2 และ Label 3 รวมกัน
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
…………………………………...
ให้ทดสอบ Run Program และเขยี นสรุปผลที่ได้
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
……………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
……………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………
5. ให้สร้าง Form ขึ้นมา 1 Form ตั้งชื่อฟอร์มว่า frmEx5 พื้นหลังสีเขียวอ่อน โดยให้ผู้เรียนสร้าง
Label และ Textbox ขึ้นตามที่กำหนดไว้ในโจทย์ โดยให้ผู้เรียนตั้งชื่อ Label และ Textbox และ
กำหนด Properties ของ Control ตามโจทย์ จากนั้นให้ Save Project ชอ่ื ProjectEx5

Form
• Name frmEx5
• BackColor สีเขยี วออ่ น
• ขอ้ ความ คำนวณโบนัส

TextBox 1
• Name txtSale
• Text วา่ ง
• TextAlign Right
• FontMs San Serif 10 Regular

TextBox 2
• NametxtUnit
• Text วา่ ง
• FontMs San Serif 10 Regular

Label 1
• Name IblSalary
• ข้อความ จำนวนหนว่ ยทีข่ าย
• TextAlign Left
• FontMs San Serif 10 Regular
• Backcolor สเี หลืองอ่อน

Label 2

• Name lblUnit
• ข้อความ ราคาขายตอ่ หนว่ ย
• TextAlign Left
• FontMs San serif 10 Regular
• BackColor สเี หลอื งอ่อน
Label 3
• Name IblSaleTotal
• ขอ้ ความ รวมยอดขาย
• TextAlign Left
• FontMs San serif 10 Regular
• BackColor สเี หลอื งออ่ น
Label 4
• Name lblSaleOutput
• ขอ้ ความ ว่าง
• TextAlign Right
• FontMs San serif 10 Regular
• BackColor สีชมพู
Label 5
• Name lblBonus
• ขอ้ ความ โบนัส 10%
• TextAlign Left
• FontMs San serif 10 Regular
• BackColor สีเหลอื งออ่ น
Label 6
• Name lblBonusOutput
• ขอ้ ความ ว่าง
• TextAlign Right
• FontMs San sertf 10 Regular
• BackColor สชี มพู
ใหแ้ สดงวิธีการเขยี นคำส่งั ดงั น้ี

กำหนดให้ Label 4 Name lblSaleOutput แสดงผลของยอดขายทั้งหมดซึ่งคิดจาก จำนวนหน่วยที่
ขาย X ราคาขายตอ่ หน่วย
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
……………..
กำหนดให้ Labet 6 Name lblBonusOutput แสดงผลของโบนัส โดยคิดเป็น 10% ของยอดขาย
ทั้งหมด
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
……………..
ให้ทดสอบ Run Program และเขยี นสรุปผลทไ่ี ด้
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………
……………………………………

หน่วยที่ 6 คำสัง่ ควบคมุ การทำงานของโปรแกรม

แนวคดิ

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

1.ชนดิ ของข้อมลู และตัวแปร
2.ตัวดำเนินการ
3.ประโยคคำสั่ง
ผลการเรียนรู้ท่คี าดหวงั
1. มีความรคู้ วามเขา้ ใจเกย่ี วกับชนดิ ของข้อมลู และตวั แปร
2. มคี วามรคู้ วามเข้าใจในตัวดำเนนิ การ
3. มีความรู้ความเข้าใจในประโยคคำสั่งแบบต่างๆ

ชนิดของขอ้ มลู และตัวแปร

ชนดิ ของขอ้ มลู (Data Type)

การกำหนดชนิดของขอ้ มลู ให้เหมาะสมกับคา่ ท่ีต้องการให้คอมพิวเตอรป์ ระมวลผล มีส่วน

สำคัญ ทท่ี ำให้การประมวลได้รวดเร็ว เช่น ถา้ ต้องการเก็บค่าของขอ้ มลู ของแมส่ ี ก็กำหนดใหเ้ ปน็

ข้อมูลชนดิ Byte หรอื เก็บข้อมูลท่ีเปน็ ตัวเลขจำนวนเตม็ และมีคา่ ไมเ่ กิน 32,768 กค็ วรกำหนดชนิด

เป็น Integer ข้อมลู แต่ละชนิดมกี ารเก็บเนื้อทใ่ี นหน่วยความจำไม่เทา่ กัน ดังนัน้ ถ้าข้อมูลมคี า่ ไม่เกนิ

255 กค็ วรกำหนดเปน็ ชนดิ Byte ถ้ากำหนดเปน็ Integer จะทำใหเ้ ปลืองเนื้อทีห่ น่วยความจำและทำ

ให้เสียเวลาในการประมวลผล

ชนิดตวั แปร สัญลักษณ์ ขอบเขตคา่ ทีไ่ ดร้ ับ เน้ือท่ี

หนว่ ยความจำ

1. Byte - 0 ถงึ 255 1 Byte

2. Integer % -32,768 ถงึ +32,767 2 Byte

3. Long & -2,147,483,648 ถึง +2,147,483,647 4 Byte

4. Currency @ มีคา่ -922, 337, 203, 685, 477.5808 8 Byte

ถงึ +922,337,203,685,477.5808

5. Single ! -3.402823E+85 ถงึ -1.401298E+45 4 Byte

และ +1.401298E+45 ถงึ

+3.402823E+38

6. Double # -1.79769313486232E308 ถึง 8 Byte

-4.94065645841247E324 สำหรบั คา่

ลบและ+1,79769313486232E308 ถงึ

4.94065645841247E-324 สำหรบั คา่

บวก

7. Boolean - มีคา่ True (จริง) หรอื False เทจ็ ) 2 Byte

8. String $ 1-65,400 ตัวอักษรโดยประมาณ 10 Byte

9. Data - 1 มกราคม ค.ศ. 100 ถึง 31 ธนั วาคม 8 Byte

ค.ศ. 9999

10. Variant - Double String 16 Byte

11. Object - Object 4 Byte

การแทนข้อมลู ให้กับตวั แปรชนดิ ตา่ งๆ
1. ชนิดตัวเลข (Numeric)