C# กิจกรรมที่ 1

1. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
กิจกรรมที่ 1
รูจักโปรแกรม Microsoft Visual C# 2008
1. วัตถุประสงค เพื่อใหผูเรียนสามารถ
1.1 สรางโปรเจ็กตใหม บันทึกโปรเจ็กต และ เปดโปรเจ็กตเดิมที่มีอยูแลว

1.2 รูจักสวนประกอบของหนาตางโปรแกรม Microsoft Visual C# 2008
1.3 รูจักคอนโทรลพื้นฐาน
1.4 สรางฟอรมโดยนําคอนโทรลตาง ๆ มาใชงานไดอยางเหมาะสม
1.5 ใชคอนโทรล Timer
2. แนวคิด
โปรแกรม Microsoft Visual C# 2008 เปนโปรแกรมที่ใชสราง Application บน
ระบบปฏิบัติการ Windows ซึ่งทํางานแบบ Visual Programming ใหสามารถมองเห็น และ
ตอบสนองตอการทํางานไดชัดเจน ใชหลักการของวัตถุ ซึ่งงายตอการติดตอกับผูใช
ฟอรม (Form) คือ หนาตาง (Window) ที่ใชแสดงผลซึ่งภายในฟอรมสามารถมีคอนโทรล
วางอยู หรือมีฟอรมอื่น ๆ อยูภายในก็ไดจะเห็นวาฟอรมถือวาเปนรูปแบบพื้นฐานที่ Windows ใชใน
การติดตอกับผูใชงานโดยมีออบเจคตตาง ๆ ที่อยูบนฟอรม เชน เมนู ทูลบาร ปุมตาง ๆ ทําหนาที่
ติดตอกับผูใชงานโดยในมุมมองของ Visual C# 2008 นั้น ฟอรมถือวาเปนออบเจคตชนิดหนึ่ง
ดังนั้น เราจึงสามารถกําหนดคาของ พร็อพเพอรตี ตาง ๆ หรือเรียกใชเมทอดของฟอรมรวมทั้งเขียน
โปรแกรมจัดการกับอีเวนตตาง ๆ ของฟอรมได
3. สื่ออุปกรณ
3.1 ใบงาน
ใบงานที่ เรื่อง เวลา (นาที)
1.1 สวนประกอบหนาตาง Microsoft Visual C# 2008 20
1.2 โครงสรางแฟมของ Microsoft Visual C# 2008 20
1.3 รูจักคอนโทรล 70
1.4 บันทึกสวนตัว 15
1.5 บวก ลบ คูณ หาร สําราญใจ 15
1.6 เลือกดูภาพโปรด 15
1.7 เที่ยวเมืองไทยไมไปไมรู 15
1.8 รายการโปรดของฉัน 10
1 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

2. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
3.2 ใบความรู
3.2.1 ใบความรูที่ 1.1 สวนประกอบของหนาตางโปรแกรม
Microsoft Visual C# 2008
3.2.2 ใบความรูที่ 1.2 การสราง การบันทึก และการปด-เปดโปรเจ็กต
3.2.3 ใบความรูที่ 1.3 การเรียกสวนประกอบของหนาตางโปรแกรม
Microsoft Visual C# 2008
3.2.4 ใบความรูที่ 1.4 ฟอรมแรกกับ Microsoft Visual C# 2008
3.2.5 ใบความรูที่ 1.5 มารูจกคอนโทรลกันเถอะ
ั
3.2.6 ใบความรูที่ 1.6 มาสรางเมนูใหกับฟอรม
3.2.7 ใบความรูที่ 1.7 การใช Timer
2 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

3. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบงานที่ 1.1
สวนประกอบหนาตาง Microsoft Visual C# 2008
สมาชิกในกลุมที่………………

……………………………………………………………………………………………..
……………………………………………………………………………………………..
……………………………………………………………………………………………..
1. ศึกษาใบความรูที่ 1.1
2. จากรูปหนาตางโปรแกรม Microsoft Visual C# 2008 ใหตอบคําถามตอไปนี้
2.1 หมายเลข มีชื่อวา ....................................... 2.2 หมายเลข มีช่อวา .......................................
ื
2.3 หมายเลข มีชื่อวา ....................................... 2.4 หมายเลข มีชื่อวา .......................................
2.5 หมายเลข มีช่อวา .......................................
ื 2.6 หมายเลข มีชื่อวา .......................................
2.7 หมายเลข มีชื่อวา ....................................... 2.8 หมายเลข มีชื่อวา .......................................
3 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

4. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบงานที่ 1.2
โครงสรางแฟมของ Microsoft Visual C# 2008
สมาชิกในกลุมที่………………

……………………………………………………………………………………………..
……………………………………………………………………………………………..
……………………………………………………………………………………………..
1. ศึกษาใบความรูที่ 1.2 - 1.4
2. เปดโปรแกรม Microsoft Visual C# 2008 ตั้งชื่อ Project Name เปน work12
3. ใหออกแบบโปรแกรมโดยวาง Button ลงบน Form
4. คลิกขวาที่ฟอรม เลือก Properties
4.1 กําหนด พร็อพเพอรตี ของ Form ดังนี้
Name - form1
Text - My First Program
4.2 กําหนด พร็อพเพอรตี ของ Button โดยการคลิกที่ Button1
Name - button1
Text - ออกจากโปรแกรม
4.3 กําหนดอีเวนต ของ Button เขียนคําสั่งใหจบการทํางาน โดยใชคําสัง..........................
่
จะไดหนาจอ ดังนี้
5. บันทึกโปรเจ็กตกอนรันโปรแกรมทุกครั้ง
6. รันโปรแกรม แลวคลิกทีปุม ออกจากโปรแกรม จะตองจบการทํางาน
่
7. หลังจากบันทึกโปรเจ็กตและรันโปรแกรมแลว จะปรากฏชื่อโฟลเดอรและไฟลอะไรบาง
7.1 จะปรากฏโฟลเดอร จํานวน............. โฟลเดอร ไดแก......................………………………….…
7.2 จะปรากฏ File จํานวน............. File ไดแก...........………………….……………………………
8. ไฟลที่เกิดจากการรันโปรแกรมและเปดใชงานไดโดยไมตองมีโปรแกรม Microsoft Visual C#
คือไฟลที่มีนามสกุล..........................................อยูในโฟลเดอร....................................................
4 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

5. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบงานที่ 1.3
รูจักคอนโทรล
สมาชิกในกลุมที่………………

……………………………………………………………………………………………..
……………………………………………………………………………………………..
……………………………………………………………………………………………..
1. ศึกษาใบความรูที่ 1.3 และทดลองใชคอนโทรล ตาง ๆ แลวตอบคําถามตอไปนี้
1.1 Label ใชสําหรับ...................................................................................................................
1.2 TextBox ใชสําหรับ...............................................................................................................
1.3 ComboBox แตกตางกับ ListBox คือ
....................................................................................................................................................................
.......................................................................................................................................
1.4 CheckBox แตกตางกับ RadioButton คือ
....................................................................................................................................................................
.......................................................................................................................................
1.5 MaskedTextBox แตกตางกับ TextBox คือ
....................................................................................................................................................................
.......................................................................................................................................
1.6 RichTextBox แตกตางกับ TextBox คือ
....................................................................................................................................................................
.......................................................................................................................................
1.7 LinkLabel แตกตางกับ Label คือ
....................................................................................................................................................................
.......................................................................................................................................
1.8 Form จะกําหนดตําแหนงใหอยูกลางหนาจอใช พร็อพเพอรตี ……………………………….............

และ Set ใหเปน..................................................
2. ศึกษา คอนโทรล ตัวอื่นๆ ที่นอกเหนือจากในใบความรูที่ 1.3 จากโปรแกรม Microsoft Visual C# 2008
แลวแบงกลุมนําเสนอหนาชันเรียน ้
....................................................................................................................................................................
....................................................................................................................................................................
5 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

6. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบงานที่ 1.4
บันทึกสวนตัว
สมาชิกในกลุมที่………………

……………………………………………………………………………………………..
……………………………………………………………………………………………..
……………………………………………………………………………………………..
1. ใหผูเรียนสรางฟอรม ดังรูปตอไปนี้ โดยหลังจากรัน โปรแกรมแลวกําหนดใหคอนโทล TextBox
ที่ใสชื่อ – นามสกุลของผูเรียนโดยไมสามารถแกไขได ในขณะที่ คอนโทล TextBox ที่ใส
วัน/เดือน/ปเกิด ไมแสดงใหเห็นโดยแสดงเปนตัวอักษร *, คอนโทล TextBox ที่ใสอายุ ไม
แสดงใหเห็นโดยแสดงเปนตัวอักษร สวนคอนโทล RadioButton, CheckBox,
CheckedListBox แสดง เพศ, สถานที่ทองเที่ยว, งานอดิเรกที่ชื่นชอบ ดังรูป
2. บันทึกโปรเจ็กตชื่อ work14
6 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

7. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบงานที่ 1.5
บวก ลบ คูณ หาร สําราญใจ
สมาชิกในกลุมที่………………

……………………………………………………………………………………………..
……………………………………………………………………………………………..
……………………………………………………………………………………………..
1. ใหผูเรียนสรางฟอรม ดังรูป
2. บันทึกโปรเจ็กตชื่อ work15
7 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

8. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบงานที่ 1.6
เลือกดูภาพโปรด
สมาชิกในกลุมที่………………

……………………………………………………………………………………………..
……………………………………………………………………………………………..
……………………………………………………………………………………………..
1. ใหผูเรียนสรางฟอรม ดังรูป
2. ใหผูเรียนบันทึกโปรเจ็กตชื่อ work16
8 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

9. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบงานที่ 1.7
เที่ยวเมืองไทย ไมไปไมรู
สมาชิกในกลุมที่………………

……………………………………………………………………………………………..
……………………………………………………………………………………………..
……………………………………………………………………………………………..
1. ใหผูเรียนสรางฟอรม ดังรูป
2. ใหผูเรียนบันทึกโปรเจ็กตชื่อ work171
3. ใหผูเรียนบันทึกโปรเจ็กตชื่อ work172
9 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

10. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบงานที่ 1.8
รายการโปรดของฉัน
สมาชิกในกลุมที่………………

……………………………………………………………………………………………..
……………………………………………………………………………………………..
……………………………………………………………………………………………..
1. ใหผูเรียนสรางฟอรม ดังรูป
2. ใหใสเมนูยอยของ สถานที่ทองเที่ยวประทับใจ เกมแกปญหา และรายการทีวี
ตามที่ผูเรียนสนใจ
3. บันทึกโปรเจ็กตช่อ work18
ื
10 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

11. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบความรูที่ 1.1
สวนประกอบของหนาตางโปรแกรม Microsoft Visual C# 2008
สวนประกอบสําคัญของหนาตางโปรแกรม Microsoft Visual C# แสดงดังรูปที่ 1.1.1
สวนที่ 1 หมายเลข เรียกวา Title bar เปนสวนบอกชื่อโปรแกรมและชื่อโปรเจ็กต
สวนที่ 2 หมายเลข เรียกวา Menu bar เปนแถบแสดงรายการคําสั่ง
สวนที่ 3 หมายเลข เรียกวา Standard Toolbar ใชสําหรับเรียกใชแทนคําสั่ง Menu bar
สวนที่ 4 หมายเลข เปนสวนของพื้นที่ใชสําหรับการเขียนโปรแกรม และการออกแบบ
สวนที่ 5 หมายเลข เรียกวา ToolBox หรือกลองเครื่องมือ มี Control ตาง ๆ ใชสําหรับ
การออกแบบวัตถุตาง ๆ ลงบนสวนของการออกแบบฟอรมในพืนที่หมายเลข
้
สวนที่ 6 หมายเลข เรียกวา Solution Explorer ใชสําหรับควบคุมการทํางานของหนาจอ
ในสวนพืนที่หมายเลข
้
สวนที่ 7 หมายเลข เรียกวา Properties Window ใชสําหรับการกําหนดคุณสมบัติของ
วัตถุในสวนการออกแบบ
สวนที่ 8 หมายเลข เรียกวา Error List ใชสําหรับเวลา Compile โปรแกรม ดูวามี
ขอผิดพลาดจากการเขียนโปรแกรมหรือไม มีที่บรรทัดใดบาง
รูปที่ 1.1.1 สวนประกอบของหนาตางโปรแกรม Microsoft Visual C#
11 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

12. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบความรูที่ 1.2
การสราง การบันทึก และการปด-เปดโปรเจ็กต
1. การสรางโปรเจ็กตใหม
เมื่อเปดโปรแกรม Microsoft Visual C# 2008 Express Edition จะไดโปรแกรมดังรูปที่ 1.2.1
รูปที่ 1.2.1 การสรางโปรเจ็กตใหม
12 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

13. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
สรางโปรเจ็กตใหม คลิกที่ Create: Project.. ดังรูปที่ 1.2.1 หมายเลข จะไดหนาตาง
ดังรูปที่ 1.2.2
รูปที่ 1.2.2 หนาตาง New Project
เลือกที่ Windows Forms Application ดังรูปที่ 1.2.2 หมายเลข จากนั้นใหใสช่อ Project ในชอง
ื
ดานลางที่ชื่อ Name : ดังรูปที่ 1.2.2 หมายเลข ตามหลักการตั้งชื่อตัวแปรซึ่งตามตัวอยางนี้ตั้งชื่อวา
MyFirst แลวกดปุม จะไดหนาตางดังรูปที่ 1.2.3
รูปที่ 1.2.3 หนาตางโปรเจ็กต MyFirst
13 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

14. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
2. การบันทึกโปรเจ็กต
การบันทึกโปรเจ็กตทําได 3 วิธี ดังนี้
2.1 วิธีที่ 1 เลือกที่ไอคอน หมายเลข ดังรูปที่ 1.2.4
รูปที่ 1.2.4 หนาตางแสดง Icon Save All
2.2 วิธีที่ 2 เลือกที่เมนู File --> Save All ดังรูปที่ 1.2.5
รูปที่ 1.2.5 หนาตางแสดง เมนูยอย Save All ในเมนู File
14 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

15. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
2.3 วิธีที่ 3 เลือกกดปุม Ctrl+Shift+S พรอมกัน
เมื่อเลือกวิธีใดวิธีหนึ่งจาก 3 วิธีขางตน จะปรากฏหนาตาง Save Project ดังรูปที่ 1.2.6 หมายเลข

ใหใสช่อในชอง Name: ซึ่งจะหมายถึงชื่อของโปรเจ็กต ในที่นใสชื่อ MyFirst หมายเลข ที่
ื ี้
Location: ใหกดปุม ดังหมายเลข เพื่อเลือกไดรฟ และไดเร็กทรอรี่ ที่จะจัดเก็บขอมูล ซึ่งใน
ตัวอยางเลือกไดรฟ D: หมายเลข ใหคลิกเครื่องหมายถูกในชอง
ออกแลวทําการบันทึกโดยกดปุม ดังหมายเลข
รูปที่ 1.2.6 หนาตาง Save Project
เมื่อบันทึกโปรเจ็กตเรียบรอยแลว โปรแกรมจะทําการจัดเก็บขอมูลไวใหโดยอัตโนมัติ ซึ่งจะ
ประกอบไปดวยไดเร็กทรอรี่ยอยและไฟลจํานวนมากดังรูปที่ 1.2.7 ซึ่งจะสังเกตไดวาจะมีไฟล โปรเจ็กตที่
ชื่อวา MyFirst.sln ซึ่งเราสามารถเปดโปรเจ็กตไดจากไฟลนี้
รูปที่ 1.2.7 หนาตางแสดงไฟลโปรเจ็กต MyFirst.sln
15 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

16. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
3. การปดโปรเจ็กต
การปดโปรเจ็กต เปนการปดหนาตางการทํางานของโปรแกรม เชน ปดหนาตาง Form Designer
หนาตาง Program.cs สามารถเลือกปดไดหลายวิธี เชน
3.1 ใชคาสั่งที่เมนู File -- > Exit หรือคลิกที่
ํ ของหนาตางโปรแกรม จะทําการปดโปรเจ็กต
และปดโปรแกรม
3.2 ใชคําสั่งที่เมนู File -- > Close Solution จะทําการปดโปรเจ็กต และยังไมปดโปรแกรม จะ
กลับมาที่หนา Start Page
4. การเปดโปรเจ็กตที่มีอยูแลว
การเปดโปรเจ็กตทําได 3 วิธี คือ
4.1 วิธีที่ 1 เปดโปรแกรม Microsoft Visual C# 2008 Express Edition จะไดโปรแกรม
MyFirst ดังรูปที่ 1.2.8 หมายเลข
รูปที่ 1.1.8
รูปที่ 1.2.8 หนาตางแสดงการเปดโปรเจ็กต MyFirst ที่เคยเปดมาแลว
จะไดหนาตางโปรเจ็กต MyFirst ดังรูปที่ 1.2.9
16 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

17. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
รูปที่ 1.2.9 หนาตางโปรเจ็คต MyFirst
4.2 วิธที่ 2 เปดโปรแกรม Microsoft Visual C# 2008 Express Edition จะไดโปรแกรม
ี
ดังรูปที่ 1.2.10 การเปดโปรเจ็กตที่มีอยูแลว ใหเลือก Open Project… ดังรูปที่ 1.2.10

หมายเลข
รูปที่ 1.2.10 หนาตางแสดงการเปดโปรเจ็กตที่มีอยูแลว
17 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

18. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
จะปรากฏหนาตาง ดังรูปที่ 1.2.11 ใหคลิกเลือกไดรฟและโฟลเดอรที่เก็บไฟล คือ
D:MyfirstMyfirst.sln ดังหมายเลข และคลิกหมายเลข คือปุม เพื่อเปดโปรเจ็กต
รูปที่ 1.2.11 หนาตาง Open Project
4.3 วิธีที่ 3 เปดโปรแกรม Windows Explore เลือกไดรฟที่เก็บโปรเจ็กต เชน D:MyFirst เลือก
ไฟลที่เปดโปรเจกตได 2 ไฟล คือไฟลที่มีนามสกุลเปน MyFirst.csproj ดังหมายเลข หรือ
MyFirst.sln ดังหมายเลข ดังรูปที่ 1.2.12
รูปที่ 1.2.12 การเปดโปรเจ็กตที่โปรแกรม Windows Explore
18 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

19. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
หมายเหตุ
กรณีที่เลือกไฟลแลวไมเห็นนามสกุลตองกําหนดคุณสมบัติของ Folder Options ใหแสดงนามสกุล
ของไฟลกอน ดังนี้
1. เปด Windows Explorer โดยวางเมาสที่ปุม คลิกขวาเลือก Explore
2. จะปรากฏหนาตาง Start Menu ดังรูปที่ 1.2.13
รูปที่ 1.2.13 หนาตาง Start Menu
3. เลือกเมนู Tool -- > Folder Options -- >View ดังรูปที่ 1.2.14
4. คลิกเอาเครื่องหมายถูกที่ ออก -- > กดปุม
รูปที่ 1.2.14 หนาตาง Folder Options
19 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

20. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบความรูที่ 1.3
การเรียกสวนประกอบของหนาตางโปรแกรม Microsoft Visual C# 2008
การเรียกสวนประกอบสําคัญของหนาตางโปรแกรม Microsoft Visual C# ทําได 2 วิธี คือ เรียกที่
เมนู View หรือ Standard Toolbar ดังตัวอยางตอไปนี้
1. Toolbox สามารถเรียกได 2 วิธี คือ ที่เมนู View -- > Toolbox ดังรูปที่ 1.3.1
รูปที่ 1.3.1 หนาตาง Toolbox
หรือเลือกไอคอนที่ Standard Toolbar ที่ ไอคอน Toolbox
หมายเหตุ หนาตางที่เรียกมาใชงานสามารถกําหนดใหซอนหรือแสดง โดยการคลิกที่
แถบไตเติ้ลบารของแถบหนาตางนั้น ๆ โดยคลิกไอคอน Auto Hide
เปนไอคอน ซึ่งจะทําใหหนาตางนั้น ๆ แสดงอยางถาวร หากตองการ
ใหหนาตางนัน ๆ แสดงเฉพาะตอนใชงานใหคลิกไอคอน Auto Hide
้
เปนไอคอน
20 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

21. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
2. Solution Explorer สามารถเรียกได 2 วิธี คือ ที่เมนู View -- > Solution Explorer
ดังรูปที่ 1.3.2
รูปที่ 1.3.2 หนาตาง Solution Explorer
หรือเลือกไอคอนที่ Standard Toolbar ที่ไอคอน Solution Explorer
3. Properties Window สามารถเรียกได 2 วิธี คือ เมนู View -- > Properties Window
ดังรูปที่ 1.3.3
รูปที่ 1.3.3 หนาตาง พรอพเพอรตี
หรือเลือกไอคอนที่ Standard Toolbar ที่ไอคอน Properties Window
21 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

22. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
4. Error List สามารถเรียกไดที่ เมนู View -- > Error List ดังรูปที่ 1.3.4
รูปที่ 1.3.4 หนาตาง Error List
Error List จะเปนสวนที่ใชแสดงความผิดพลาดของโปรแกรม หรือการเตือนตาง ๆ เชน
การพิมพ โคดหรือคําสั่งตาง ๆ ที่ผิดพลาด
22 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

23. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบความรูที่ 1.4
ฟอรมแรกกับ Microsoft Visual C# 2008
1. การเรียกใชฟอรม
เปดโปรเจ็กต MyFirst แลวดับเบิลคลิกที่ Form1.cs ในหนาตาง Solution Explorer ดังรูปที่ 1.4.1
หมายเลข จะปรากฏสวนของการออกแบบ ดังหมายเลข จะเปนแท็บ Form1.cs[Design]*
รูปที่ 1.4.1 หนาตาง Form Designer
23 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

24. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
2. การใชงาน Toolbox
หนาตาง Toolbox ในสวน Common Controls ใหคลิก Button ดังรูปที่ 1.4.2 หมายเลข แลวคลิก
เมาส ที่ Form1 ลากใหมีขนาดตามที่ตองการจะไดปุม ดังรูปหมายเลข
รูปที่ 1.4.2 การใชงานคอนโทรล Button
คลิกเมาสที่ปุมจะปรากฎกรอบสี่เหลี่ยมลอมรอบวัตถุในสวนของการออกแบบ ดังรูปที่ 1.4.3
หมายเลข ที่หนาตาง พร็อพเพอรตี (Name) ชื่อ button1 ดังรูปหมายเลข และที่ Text ใหใสคาวา
ํ
Close ดังรูปหมายเลข จะปรากฎขอความบนปุมเปนคําวา Close ดังรูปหมายเลข
รูปที่ 1.4.3 หนาตาง พร็อพเพอรตี ของคอนโทรล Button
24 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

25. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
เมื่อดับเบิลคลิกที่ปุม Close จะปรากฏหนาตางสําหรับใหเขียนโปรแกรมดังรูปที่ 1.4.4 หมายเลข
พิมพคําสั่ง Close(); ลงไป หมายถึง ใหจบการทํางานหรือปด Form1 นั่นเอง จะสังเกตเห็นวาคําสัง Close();
่
จะอยูภายใน เมท็อด ที่ช่อ button1_Click นั่นหมายถึง เมื่อเกิดเหตุการณที่เมาสคลิกที่ปุมชื่อ button1 จะให
 ื
ทําการปด Form1
โครงสรางการทํางานของภาษา C# จะถูกกําหนดดวย namespace และภายใต namespace จะ
ประกอบดวย class ภายใต class จะมี เมท็อด ตางๆ ซึ่ง button1_Click ก็เปน เมท็อด หนึ่งภายใต class ที่ชื่อ
Form1 และภายใต namespace ชื่อ MyFirst
ในสวนของหมายเลข โปรแกรมจะสรางขึ้นมาใหเอง คําสั่ง using System; นั้น เปนการกําหนด
วาอยูภายใต namespace ที่ชื่อวา System ซึ่งจะทําใหสะดวกตอการใชคําสั่งตางๆ ที่มีอยูแลว สวน

namespace MyFirst นั้นจะตองมีเครื่องหมาย { ตามหลังชื่อ และเครื่องหมาย } อยูลางสุดของโปรแกรม
และที่ class Form1 ก็เชนเดียวกันตองมีเครื่องหมาย { และ } ดังหมายเลข และภายใต เมท็อด ตาง ๆ ก็
เชนเดียวกัน จะตองมีเครื่องหมาย { และ } เสมอ
รูปที่ 1.4.4 หนาตางแสดงมุมมองการเขียนโคด
25 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

26. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
เมื่อสรางเสร็จแลวก็จะทําการรันโปรแกรมดวยการกดปุม <F5> หรือเลือกที่เมนู Debug --> Start
Debugging ดังรูปที่ 1.4.5 หมายเลข หรือ เลือกที่ Icon จะไดผลการรันโปรแกรม ดังหมายเลข
รูปที่ 1.4.5 รูปแสดงตําแหนงของเมนู Debug และผลการรันโปรแกรม
3. การกําหนดหมายเลขบรรทัดในสวนของการเขียนโคด
เลือกที่เมนู Tools ดังรูปที่ 1.4.6 หมายเลข แลวคลิกที่ Options… ดังหมายเลข
รูปที่ 1.4.6 รูปแสดงตําแหนงเมนู Tools และ Options…
26 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

27. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
จะปรากฎหนาตาง Options ดังรูปที่ 1.4.7 ใหเลือกทําเครืองหมายถูกในกลองสี่เหลี่ยมหนา
่
Show all settings ที่ดานลางซายของหนาตาง Options ดังหมายเลข
รูปที่ 1.4.7 หนาตาง Option แสดงตําแหนง Show all settings
จากนั้น เลือก Text Editor ดังหมายเลข แลวเลือกที่ All Languages ดังหมายเลข เลือก
General ดังหมายเลข แลวคลิกที่ Line numbers ใหเปนเครื่องหมายถูก ดังหมายเลข ดังรูปที่ 1.4.8
แลวคลิกปุม จะปรากฏหมายเลขบรรทัดในหนาตางของการเขียนโคด
รูปที่ 1.4.8 หนาตาง Option แสดงการกําหนดหมายเลขบรรทัด
27 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

28. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
4. การปรับขนาดและรูปแบบตัวอักษรบนหนาตางการเขียนโคด
เลือกเมนู Tools ดังรูปที่ 1.4.9 หมายเลข แลวเลือก Options… ดังหมายเลข
รูปที่ 1.4.9 รูปแสดงตําแหนงเมนู Tools และ Options…
จะไดหนาตาง Options ดังรูปที่ 1.4.10 ใหเลือก Environment ดังหมายเลข แลวไปที่ Fonts and
Colors ดังหมายเลข แลวเลือกชนิดและขนาดตัวอักษรตามตองการ แลวคลิกปุม
รูปที่ 1.4.10 หนาตาง Options แสดงตําแหนง Fonts and Colors
28 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

29. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบความรูที่ 1.5
มารูจักคอนโทรลกันเถอะ
1. Form มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของฟอรม โปรแกรมจะตั้งชื่อใหอัตโนมัติวา Form1 ดังรูปที่ 1.5.1 หมายเลข
- BackColor คือสีของพื้นฟอรม ดังรูปที่ 1.5.1 หมายเลข
- Text คือขอความที่ปรากฏบนหัวฟอรม โปรแกรมจะตั้งชื่ออัตโนมัติวา Form1

ดังรูปที่ 1.5.1 หมายเลข
- StartPosition คือการจัดตําแหนงใหกับหนาตางของฟอรม ใหเลือกแบบ CenterOnscreen เมื่อทํา
การรันโปรแกรมแลวหนาตางฟอรมจะอยูกลางหนาจอ

ดังรูปที่ 1.5.1 หมายเลข
- WindowState คือสถานะของฟอรม มี 3 แบบ ใหเลือก คือ (1) Normal แบบปกติ
(2) Minimized แบบยอ (3) Maximized แบบขยาย ดังรูปที่ 1.5.1 หมายเลข
เ
รูปที่ 1.5.1 แสดงฟอรม และหนาตาง พร็อพเพอรตี ของ Form1
29 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

30. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
2. Button มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ Button โปรแกรมจะตั้งชือใหอัตโนมัตวา button1 ดังรูปที่ 1.5.2
่ ิ
หมายเลข
- BackColor คือสีของพื้นปุม ดังรูปที่ 1.5.2 หมายเลข
- Font คือชนิดและขนาดของตัวอักษรบนปุม ดังรูปที่ 1.5.2 หมายเลข
- ForeColor คือสีของตัวอักษรบนปุม ดังรูปที่ 1.5.2 หมายเลข
- Text คือขอความที่ปรากฏบนปุม โปรแกรมจะตั้งชื่ออัตโนมัติวา button1
ดังรูปที่ 1.5.2 หมายเลข
รูปที่ 1.5.2 แสดงอ็อบเจกต button1 และหนาตาง พร็อพเพอรตี ของ button1
30 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

31. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
3. CheckBox มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ CheckBox โปรแกรมจะตังชื่อใหอัตโนมัติวา checkBox1
้ 
ดังรูปที่ 1.5.3 หมายเลข
- BackColor คือสีพื้นหลังของ CheckBox ดังรูปที่ 1.5.3 หมายเลข
- Font คือชนิดและขนาดของตัวอักษรของ CheckBox ดังรูปที่ 1.5.3 หมายเลข
- ForeColor คือสีของตัวอักษร CheckBox ดังรูปที่ 1.5.3 หมายเลข
- Text คือขอความที่ปรากฏหลัง CheckBox โปรแกรมจะตั้งชื่ออัตโนมัติวา checkBox1
ดังรูปที่ 1.5.3 หมายเลข
รูปที่ 1.5.3 แสดงอ็อบเจกต checkBox1 และหนาตาง พร็อพเพอรตี ของ checkBox1
31 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

32. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
4. CheckedListBox มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ CheckedListBox โปรแกรมจะตั้งชื่อใหอัตโนมัติวา checkedListBox1 ดังรูปที่
1.5.4 หมายเลข
- BackColor คือสีพื้นหลังของ CheckedListBox ดังรูปที่ 1.5.4 หมายเลข
- Font คือชนิดและขนาดของตัวอักษรของ CheckedListBox ดังรูปที่ 1.5.4
หมายเลข
- ForeColor คือสีของตัวอักษร CheckedListBox ดังรูปที่ 1.5.4 หมายเลข
- Items คือขอความที่ปรากฏบน CheckedListBox โปรแกรมจะตั้งชื่ออัตโนมัติวา
checkedListBox1 ดังรูปที่ 1.5.4 หมายเลข
รูปที่ 1.5.4 แสดงอ็อบเจกต checkedListBox1 และหนาตาง พร็อพเพอรตี ของ checkedListBox1
32 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

33. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
5. ComboBox มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ ComboBox โปรแกรมจะตั้งชื่อใหอตโนมัติวา comboBox1
ั
ดังรูปที่ 1.5.5 หมายเลข
- BackColor คือสีพื้นหลังของ ComboBox ดังรูปที่ 1.5.5 หมายเลข
- Font คือชนิดและขนาดของตัวอักษรของ ComboBox ดังรูปที่ 1.5.5 หมายเลข
- ForeColor คือสีของตัวอักษร ComboBox ดังรูปที่ 1.5.5 หมายเลข
- Items คือ รายการที่ใสไวใหเลือกใน ComboBox ดังรูปที่ 1.5.5 หมายเลข
- Text คือขอความปรากฏอยูบน ComboBox ดังรูปที่ 1.5.5 หมายเลข
รูปที่ 1.5.5 แสดงอ็อบเจกต comboBox1 และหนาตาง พร็อพเพอรตี ของ comboBox1
33 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

34. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
6. Label มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ Label โปรแกรมจะตั้งชื่อใหอัตโนมัตวา label1 ดังรูปที่ 1.5.6
ิ
หมายเลข
- BackColor คือสีพื้นหลังของ Label ดังรูปที่ 1.5.6 หมายเลข
- Font คือชนิดและขนาดของตัวอักษรของ Label ดังรูปที่ 1.5.6 หมายเลข
- ForeColor คือสีของตัวอักษร Label ดังรูปที่ 1.5.6 หมายเลข
- Text คือขอความที่ปรากฏ โปรแกรมจะตังชื่ออัตโนมัติวา label1 ดังรูปที่ 1.5.6
้
หมายเลข
รูปที่ 1.5.6 แสดงอ็อบเจกต label1 และหนาตาง พร็อพเพอรตี ของ label1
34 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

35. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
7. LinkLabel มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ LinkLabel โปรแกรมจะตังชื่อใหอัตโนมัติวา linkLabel1
้
ดังรูปที่ 1.5.7 หมายเลข
- ActiveLinkColor คือสีของตัวอักษรบน LinkLabel เมื่อเมาสคลิก ดังรูปที่ 1.5.7 หมายเลข
- LinkColor คือชนิดและขนาดของตัวอักษรของ LinkLabel ดังรูปที่ 1.5.7
หมายเลข
- Text คือขอความที่ปรากฏ โปรแกรมจะตังชื่ออัตโนมัติวา linkLabel1
้ 
ดังรูปที่ 1.5.7 หมายเลข
รูปที่ 1.5.7 แสดงอ็อบเจกต linkLabel1 และหนาตาง พร็อพเพอรตี ของ linkLabel1
35 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

36. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
8. ListBox มี พร็อพเพอรตี ที่สาคัญดังนี้
ํ
- Name คือชื่อของ ListBox โปรแกรมจะตั้งชื่อใหอัตโนมัติวา listBox1
ดังรูปที่ 1.5.8 หมายเลข
- Items คือ รายการขอความทีใสใน ListBox ดังรูปที่ 1.5.8 หมายเลข
่
รูปที่ 1.5.8 แสดงอ็อบเจกต listBox1 และหนาตาง พร็อพเพอรตี ของ listBox1
36 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

37. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
9. ListView มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ ListView โปรแกรมจะตั้งชื่อใหอัตโนมัติวา listView1

ดังรูปที่ 1.5.9 หมายเลข
- Groups คือการจัดกลุมหัวขอ ดังรูปที่ 1.5.9 หมายเลข
- Items คือหัวขอภายใต Groups ดังรูปที่ 1.5.9 หมายเลข
- View คือประเภทของการแสดงจะกําหนด default เปน LargeIcon ดังรูปที่ 1.5.9
หมายเลข
รูปที่ 1.5.9 แสดงอ็อบเจกต listView1 และหนาตาง พร็อพเพอรตี ของ listView1
37 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

38. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
10. MaskedTextBox มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ MaskedTextBox โปรแกรมจะตั้งชื่อใหอัตโนมัติวา maskedTextBox1 ดังรูปที่
1.5.10 หมายเลข
- Mask คือรูปแบบของการรับคา ดังรูปที่ 1.5.10 หมายเลข
- PasswordChar คือ การกําหนดสัญลักษณ เชน ใส * จะปรากฏ * เมื่อพิมพตัวอักษรใด ๆ จาก
แปนพิมพ ดังรูปที่ 1.5.10 หมายเลข
- UseSystemPasswordChar คือ การกําหนดใหขึ้นจุดดําเมื่อพิมพอักษรใด ๆ จากแปนพิมพ หาก set
คาเปน True ซึ่งปกติจะถูกตั้งอัตโนมัติเปน False
ดังรูปที่ 1.5.10 หมายเลข
รูปที่ 1.5.10 แสดงอ็อบเจกต maskedTextBox1 และหนาตาง พร็อพเพอรตี ของ maskedTextBox1
38 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

39. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
11. MonthCalendar มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ MonthCalendar โปรแกรมจะตั้งชื่อใหอัตโนมัติวา monthCalendar1

ดังรูปที่ 1.5.11 หมายเลข
- FirstDayOfWeek คือการกําหนดวันเริ่มตนของสัปดาห default เปนวันจันทร
ดังรูปที่ 1.5.11 หมายเลข
- TitleBackColor คือ การกําหนดสีพื้นของสวนหัวของปฏิทิน ดังรูปที่ 1.5.11 หมายเลข
- TitleForeColor คือ การกําหนดสีตัวอักษรสวนหัวของปฏิทิน ดังรูปที่ 1.5.11
หมายเลข
- TodayDate คือ การกําหนดคาวันที่ปจจุบน ดังรูปที่ 1.5.11 หมายเลข
ั
- TraillingForeColor คือ การกําหนดสีวันทีของเดือนกอนและหลัง ดังรูปที่ 1.5.11หมายเลข
่
รูปที่ 1.5.11 แสดงอ็อบเจกต monthCalendar1 และหนาตาง พร็อพเพอรตี ของ monthCalendar1
39 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

40. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
12. NumericUpDown มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ NumericUpDown โปรแกรมจะตั้งชื่อใหอัตโนมัติวา numericUpDown1 ดังรูปที่
1.5.12 หมายเลข
- Increment คือ การกําหนดระยะหางของชวงตัวเลขเมื่อกดปุมลงศรขึ้น-ลง
ดังรูปที่ 1.5.12 หมายเลข
- Maximum คือ การกําหนดคาสูงสุดของชวงตัวเลข ดังรูปที่ 1.5.12 หมายเลข
- Minimum คือ การกําหนดคาต่ําสุดของชวงตัวเลข ดังรูปที่ 1.5.12 หมายเลข
- Value คือ การกําหนดคาเริ่มตน ดังรูปที่ 1.5.12 หมายเลข
รูปที่ 1.5.12 แสดงอ็อบเจกต numericUpDown1 และหนาตาง พร็อพเพอรตี ของ numericUpDown1
40 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

41. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
13. PictureBox มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ PictureBox โปรแกรมจะตั้งชื่อใหอตโนมัติวา pictureBox1
ั 
ดังรูปที่ 1.5.13 หมายเลข
- Image คือการกําหนดภาพจากรูปที่มีอยู ดังรูปที่ 1.5.13 หมายเลข
- ImageLocation คือ การกําหนดเสนทาง (path) ที่เก็บของรูปภาพ ดังรูปที่ 1.5.13 หมายเลข
รูปที่ 1.5.13 แสดงอ็อบเจกต pictureBox1 และหนาตาง พร็อพเพอรตี ของ pictureBox1
41 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

42. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
14. ProgressBar มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ ProgressBar โปรแกรมจะตั้งชื่อใหอตโนมัติวา progressBar1
ั
ดังรูปที่ 1.5.14 หมายเลข
- Maximum คือการกําหนดคาสูงสุดของชวง ดังรูปที่ 1.5.14 หมายเลข
- Minimum คือ การกําหนดคาต่ําสุดของชวง ดังรูปที่ 1.5.14 หมายเลข
- Step คือ การกําหนดระยะหางของการเพิ่มหรือลดคา ดังรูปที่ 1.5.14 หมายเลข
- Value คือ คาที่กําหนดในปจจุบัน ดังรูปที่ 1.5.14 หมายเลข
รูปที่ 1.5.14 รูปแสดงอ็อบเจกต progressBar1 และหนาตาง พร็อพเพอรตี ของ progressBar1
42 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

43. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
15. RadioButton มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ RadioButton โปรแกรมจะตั้งชื่อใหอัตโนมัติวา radioButton1
ดังรูปที่ 1.5.15 หมายเลข
- Text คือการกําหนดขอความหลัง RadioButton ดังรูปที่ 1.5.15 หมายเลข
รูปที่ 1.5.15 แสดงอ็อบเจกต radioButton1 และหนาตาง พร็อพเพอรตี ของ radioButton1
16. RichTextBox มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ RichTextBox โปรแกรมจะตั้งชื่อใหอัตโนมัติวา richTextBox1

ดังรูปที่ 1.5.16 หมายเลข
- Text คือการกําหนดขอความหลัง RichTextBox ดังรูปที่ 1.5.16 หมายเลข
รูปที่ 1.5.16 แสดงอ็อบเจกต richTextBox1 และหนาตาง พร็อพเพอรตี ของ richTextBox1
43 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

44. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
17. TextBox มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ TextBox โปรแกรมจะตั้งชื่อใหอัตโนมัติวา textBox1

ดังรูปที่ 1.5.17 หมายเลข
- Text คือการกําหนดขอความบน TextBox ดังรูปที่ 1.5.17 หมายเลข
รูปที่ 1.5.17 แสดงอ็อบเจกต textBox1 และหนาตาง พร็อพเพอรตี ของ textBox1
18. TreeView มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ TreeView โปรแกรมจะตังชื่อใหอัตโนมัติวา treeView1 ดังรูปที่ 1.5.18
้
หมายเลข
- Nodes คือการกําหนดขอความบน TreeView ดังรูปที่ 1.5.18 หมายเลข
รูปที่ 1.5.18 แสดงอ็อบเจกต treeView1 และหนาตาง พร็อพเพอรตี ของ treeView1
44 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

45. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
19. WebBrowser มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ WebBrowser โปรแกรมจะตั้งชื่อใหอัตโนมัติวา webBrowser1
ดังรูปที่ 1.5.19 หมายเลข
- Url คือการกําหนดชื่อเว็บไซต ดังรูปที่ 1.5.19 หมายเลข
- เมื่อรันโปรแกรมจะปรากฏหนาตางเว็บ ดังรูปที่ 1.5.19 หมายเลข
รูปที่ 1.5.19 แสดงอ็อบเจกต webBrowser1 และหนาตาง พร็อพเพอรตี ของ webBrowser1
45 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

46. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
20. GroupBox จัดอยูในกลุมคอนโทรลที่เรียกวา Container มี พร็อพเพอรตี ที่สําคัญดังนี้
- Name คือชื่อของ GroupBox โปรแกรมจะตั้งชื่อใหอตโนมัติวา GroupBox1
ั
ดังรูปที่ 1.5.20 หมายเลข
- Text คือการกําหนดขอความที่อยูที่มุมซายของ GroupBox ดังรูปที่ 1.5.20
หมายเลข
รูปที่ 1.5.20 แสดงอ็อบเจกต GroupBox และหนาตาง พร็อพเพอรตี ของ GroupBox
46 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

47. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
ใบความรูที่ 1.6
มาสรางเมนูใหกับฟอรม
การสรางเมนูใหกับฟอรม มีขอดีคือชวยประหยัดพื้นทีแสดงผลและสามารถจัดคําสั่งตาง ๆ ใหเปน
่
หมวดหมูที่งายตอการใชงาน และเปนรูปแบบที่ผูใชงานทุกคนคุนเคย ในการใชงานเมนูนนเราสามารถแบง
ั้
รูปแบบการใชงานเปน 2 รูปแบบคือ
1. Pull Down Menu เปนเมนูที่มีตําแหนงแนนอน ซึ่งปกติจะเห็นเปนแถบคําสั่งอยูบนฟอรม
2 Popup Menu เปนเมนูทมีตําแหนงไมแนนอน ปกติมักจะเกิดตอนที่เราคลิกขวาในคอนโทรล
่ี
หรือพื้นที่ของฟอรม
ขั้นตอนการสรางเมนูแบบ Pull Down Menu มีดังนี้
1. เรียกใช MenuStrip จาก Menus & Toolbars ใน Toolbox ซึ่งจะแสดงเมนูบารที่วางเปลาให

เห็นบนฟอรม สวนตัวคอนโทรลจะอยูบน Component Tray ดังรูปที่ 1.6.1 หมายเลข
รูปที่ 1.6.1 รูปแสดงตัวคอนโทรลของ MenuStrip บน Component Tray
2. พิมพชื่อเมนูหลัก 3 เมนู ไดแก นิทาน ภาพยนตร และ เพลงโปรด ลงไปในชอง Type Here
หากตองการพิมพเมนูถัดไปใหคลิกที่ Type Here ดังรูปที่ 1.6.2
รูปที่ 1.6.2 หนาตาง Form1 แสดงเมนูหลัก 3 เมนู
47 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

48. เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008
3. การสรางเมนูยอยในเมนูหลักของ นิทาน ภาพยนตร และเพลงโปรด ใหคลิกที่เมนูหลักนั้น ๆ
แลวพิมพเมนูยอย ลงไปในชอง Type Here ดานลาง ดังรูปที่ 1.6.3
รูปที่ 1.6.3 หนาตาง Form1 แสดงเมนูยอย
48 สาขาคอมพิวเตอร
สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี