โรงเรียนอุตรดิตถ์ดรุณี, profile picture
Uploaded byโรงเรียนอุตรดิตถ์ดรุณี
777 views

03activity1

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

Embed presentation

Downloaded 10 times
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 ใบงานที่ 1.4 บันทึกสวนตัว สมาชิกในกลุมที่………………  …………………………………………………………………………………………….. …………………………………………………………………………………………….. …………………………………………………………………………………………….. 1. ใหผูเรียนสรางฟอรม ดังรูปตอไปนี้ โดยหลังจากรัน โปรแกรมแลวกําหนดใหคอนโทล TextBox ที่ใสชื่อ – นามสกุลของผูเรียนโดยไมสามารถแกไขได ในขณะที่ คอนโทล TextBox ที่ใส วัน/เดือน/ปเกิด ไมแสดงใหเห็นโดยแสดงเปนตัวอักษร *, คอนโทล TextBox ที่ใสอายุ ไม แสดงใหเห็นโดยแสดงเปนตัวอักษร สวนคอนโทล RadioButton, CheckBox, CheckedListBox แสดง เพศ, สถานที่ทองเที่ยว, งานอดิเรกที่ชื่นชอบ ดังรูป 2. บันทึกโปรเจ็กตชื่อ work14 6 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 ใบงานที่ 1.5 บวก ลบ คูณ หาร สําราญใจ สมาชิกในกลุมที่………………  …………………………………………………………………………………………….. …………………………………………………………………………………………….. …………………………………………………………………………………………….. 1. ใหผูเรียนสรางฟอรม ดังรูป 2. บันทึกโปรเจ็กตชื่อ work15 7 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 ใบงานที่ 1.6 เลือกดูภาพโปรด สมาชิกในกลุมที่………………  …………………………………………………………………………………………….. …………………………………………………………………………………………….. …………………………………………………………………………………………….. 1. ใหผูเรียนสรางฟอรม ดังรูป 2. ใหผูเรียนบันทึกโปรเจ็กตชื่อ work16 8 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 ใบงานที่ 1.7 เที่ยวเมืองไทย ไมไปไมรู สมาชิกในกลุมที่………………  …………………………………………………………………………………………….. …………………………………………………………………………………………….. …………………………………………………………………………………………….. 1. ใหผูเรียนสรางฟอรม ดังรูป 2. ใหผูเรียนบันทึกโปรเจ็กตชื่อ work171 3. ใหผูเรียนบันทึกโปรเจ็กตชื่อ work172 9 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 ใบงานที่ 1.8 รายการโปรดของฉัน สมาชิกในกลุมที่………………  …………………………………………………………………………………………….. …………………………………………………………………………………………….. …………………………………………………………………………………………….. 1. ใหผูเรียนสรางฟอรม ดังรูป 2. ใหใสเมนูยอยของ สถานที่ทองเที่ยวประทับใจ เกมแกปญหา และรายการทีวี ตามที่ผูเรียนสนใจ 3. บันทึกโปรเจ็กตช่อ work18 ื 10 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 ใบความรูที่ 1.2 การสราง การบันทึก และการปด-เปดโปรเจ็กต 1. การสรางโปรเจ็กตใหม เมื่อเปดโปรแกรม Microsoft Visual C# 2008 Express Edition จะไดโปรแกรมดังรูปที่ 1.2.1 รูปที่ 1.2.1 การสรางโปรเจ็กตใหม 12 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 4. Error List สามารถเรียกไดที่ เมนู View -- > Error List ดังรูปที่ 1.3.4 รูปที่ 1.3.4 หนาตาง Error List Error List จะเปนสวนที่ใชแสดงความผิดพลาดของโปรแกรม หรือการเตือนตาง ๆ เชน การพิมพ โคดหรือคําสั่งตาง ๆ ที่ผิดพลาด 22 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 3. การสรางเมนูยอยในเมนูหลักของ นิทาน ภาพยนตร และเพลงโปรด ใหคลิกที่เมนูหลักนั้น ๆ แลวพิมพเมนูยอย ลงไปในชอง Type Here ดานลาง ดังรูปที่ 1.6.3 รูปที่ 1.6.3 หนาตาง Form1 แสดงเมนูยอย 48 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 ใบความรูที่ 1.7 การใช Timer Timer เปนคอนโทรลชนิดหนึ่งที่อยูใน Toolbox จัดอยูในกลุมของคอมโพเนนท (Component)   Timer เปนคอมโพเนนท (คอมโพเนนท คือ คอนโทรลที่ไมมีสวนติดตอผูใช) ที่เราใชในการจัดการในสิ่ง ที่เกี่ยวของกับเวลา เชน จับเวลา ตั้งเวลา เปนตน ซึ่งรูปแบบที่ใชงานกันบอยที่สุดคือ ใชคอนโทรล Timer กําหนดชวงเวลา เมื่อถึงชวงเวลาตามที่กําหนดแลวก็มการทําคําสั่งที่ไดเตรียมเอาไว ี 1. พร็อพเพอรตี ที่สําคัญของ Timer ไดแก 1.1 Interval เปนชวงเวลาที่จะให Timer นับเวลาให โดยเราจะกําหนดในหนวย มิลลิวินาที (หนึ่งสวนพันวินาที เชน 2,500 ก็หมายถึง 2.5 วินาที) 1.2 Enable เปนการเลือกวาจะให Timer ทํางานนับเวลาตามชวงที่กําหนดไวหรือไม 2. เมท็อด ที่สําคัญของ Timer ไดแก 2.1 Start เปนการกําหนดใหเริ่มนับเวลา 2.2 Stop เปนการกําหนดใหหยุดนับเวลา 3. การใชงาน Timer โดยการเลือกกลุมคอมโพเนนท มาวาง ไวที่ฟอรม และนําคอนโทรล Button วางที่ฟอรม และเปลี่ยน Propoties Text เปน “เริ่มนับถอยหลัง” ดังรูปที่ 1.7.1 Component Tray รูปที่ 1.7.1 แสดงคอนโทรล timer บน Component Tray หมายเหตุ จะเห็นวา Timer เปนคอมโพเนนท ดังนัน จึงไมแสดงบนฟอรม แตจะอยูในพื้นที่ ้ ที่เรียกวา Component Tray ซึ่งอยูดานลางของหนาตาง Form Designer 4. กําหนด พร็อพเพอรตี Interval ของ Timer เปน 1000 ดังรูปที่ 1.7.2 หมายเลข 49 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C# ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 รูปที่ 1.7.2 หนาตาง พร็อพเพอรตี ของคอนโทรล timer1 5. ในการเขียนโคดจะเขียนที่ปุม Button โดยการดับเบิลคลิกเขาไปจะปรากฏโคด และ เขียนโคดเพิ่มเติม (ซึ่งรายละเอียดการเขียนโคดจะไดศกษาในบทตอไป) ึ 50 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี

More Related Content

PDF
การเขียนรายงานโครงงานคอมพิวเตอร์
byAunchisa Phongchana
 
PDF
การเขียนรายงานโครงงานคอมพิวเตอร์
bykamonrat5626
 
PDF
การเขียนรายงานโครงงานคอมพิวเตอร์
byweerachai504
 
PDF
การเขียนรายงานโครงงานคอมพิวเตอร์
byjakkirt504
 
DOC
ม.6 05 แผนการจัดการเรียนรู้ที่ 18 23
byพิชัย ตุ้งประโคน
 
PDF
แนะนำโปรแกรม Macromedia authorware 7.0
bypom_2555
 
PPT
งานนำเสนอ(เริ่มต้นกับAuthorware)
byAnekphongtupan
 
PDF
แบบฟอร์มรายงานโครงงานคอมพิวเตอร์
byณัฐพล บัวพันธ์
 
การเขียนรายงานโครงงานคอมพิวเตอร์
byAunchisa Phongchana
 
การเขียนรายงานโครงงานคอมพิวเตอร์
bykamonrat5626
 
การเขียนรายงานโครงงานคอมพิวเตอร์
byweerachai504
 
การเขียนรายงานโครงงานคอมพิวเตอร์
byjakkirt504
 
ม.6 05 แผนการจัดการเรียนรู้ที่ 18 23
byพิชัย ตุ้งประโคน
 
แนะนำโปรแกรม Macromedia authorware 7.0
bypom_2555
 
งานนำเสนอ(เริ่มต้นกับAuthorware)
byAnekphongtupan
 
แบบฟอร์มรายงานโครงงานคอมพิวเตอร์
byณัฐพล บัวพันธ์
 

What's hot

PPT
Authorware
bypui3327
 
PDF
แบบทดสอบก่อนเรียน
byNimanong Nim
 
PPTX
บทเรียน ประกอบแผนที่ 5
byปาริชาติ เภสัชชา
 
PDF
การเขียนรายงานโครงงานคอมพิวเตอร์1
byphatcharaphonjoy
 
PDF
รายงานโครงงานคอมพิวเตอร์
byChuthamani Phromduangdi
 
PDF
25 game by excel v2007 2014
by0810752540
 
PDF
การเขียนรายงานโครงงานคอมพิวเตอร์
byThanakon504
 
PDF
การเขียนรายงานโครงงานคอมพิวเตอร์
byNattawatking
 
PDF
โครงงานตัดต่อวีดีโอ
byManussawee Rattana
 
PDF
ชุดฝึกทักษะสร้างสรรค์การออกแบบ เรื่อง เรียนรู้ Adobe photoshop cs6
bySAKANAN ANANTASOOK
 
PDF
การเขียนรายงานโครงงานคอมพิวเตอร์
byweerapon0955652023
 
PDF
08
byVisarut Keatnima
 
PDF
08
bythebam29
 
PDF
แบบทดสอบหลังเรียน
byNimanong Nim
 
DOC
ใบความรู้ที่ 3.2
byณัฐพล บัวพันธ์
 
PDF
การเขียนรายงานโครงงานคอมพิวเตอร์
bykitkatbody18
 
DOC
Plan3
byApitsatha
 
PDF
โปรแกรมคอมพิวเตอร
byTay Atcharawan
 
PDF
แบบทดสอบก่อนเรียน
byปาริชาติ เภสัชชา
 
Authorware
bypui3327
 
แบบทดสอบก่อนเรียน
byNimanong Nim
 
บทเรียน ประกอบแผนที่ 5
byปาริชาติ เภสัชชา
 
การเขียนรายงานโครงงานคอมพิวเตอร์1
byphatcharaphonjoy
 
รายงานโครงงานคอมพิวเตอร์
byChuthamani Phromduangdi
 
25 game by excel v2007 2014
by0810752540
 
การเขียนรายงานโครงงานคอมพิวเตอร์
byThanakon504
 
การเขียนรายงานโครงงานคอมพิวเตอร์
byNattawatking
 
โครงงานตัดต่อวีดีโอ
byManussawee Rattana
 
ชุดฝึกทักษะสร้างสรรค์การออกแบบ เรื่อง เรียนรู้ Adobe photoshop cs6
bySAKANAN ANANTASOOK
 
การเขียนรายงานโครงงานคอมพิวเตอร์
byweerapon0955652023
 
08
byVisarut Keatnima
 
08
bythebam29
 
แบบทดสอบหลังเรียน
byNimanong Nim
 
ใบความรู้ที่ 3.2
byณัฐพล บัวพันธ์
 
การเขียนรายงานโครงงานคอมพิวเตอร์
bykitkatbody18
 
Plan3
byApitsatha
 
โปรแกรมคอมพิวเตอร
byTay Atcharawan
 
แบบทดสอบก่อนเรียน
byปาริชาติ เภสัชชา
 

Viewers also liked

DOC
ใบความรู้ การเขียนโปรแกรม
byคุณครู ผู้น่ารัก
 
PPTX
โครงงานวิชาคอมพิวเตอร์
byFanggin Kaewsiri
 
PDF
รวมใบงาน
byFanggin Kaewsiri
 
PDF
Loadแนวข้อสอบ โปรแกรมเมอร์ ระดับ 4 ปฏิบัติงานสังกัด ฝ่ายเทคโนโลยีสารสนเทศ ก...
byปลั๊ก พิมวิเศษ
 
PPTX
งานนำเสนอ2
byFanggin Kaewsiri
 
PDF
สัญลักษณ์ที่ใช้ในการเขียนผังงาน
byAiice Pimsupuk
 
PDF
แนวข้อสอบคอมพิวเตอร์และเทคโนโลยีสารสนเทศ
byนายโอ ครับท่าน
 
PDF
ภาษา C#
byictyangtalad
 
PDF
ใบความรู้ รูปแบบของผังงาน
byAiice Pimsupuk
 
PDF
Googledocs
byAiice Pimsupuk
 
DOCX
00 ประมวลรายวิชาภาคปลายสารสนเทศม2
byAiice Pimsupuk
 
PDF
ประมวลรายวิชา ง30206 การตัดต่อภาพยนตร์
byAiice Pimsupuk
 
ใบความรู้ การเขียนโปรแกรม
byคุณครู ผู้น่ารัก
 
โครงงานวิชาคอมพิวเตอร์
byFanggin Kaewsiri
 
รวมใบงาน
byFanggin Kaewsiri
 
Loadแนวข้อสอบ โปรแกรมเมอร์ ระดับ 4 ปฏิบัติงานสังกัด ฝ่ายเทคโนโลยีสารสนเทศ ก...
byปลั๊ก พิมวิเศษ
 
งานนำเสนอ2
byFanggin Kaewsiri
 
สัญลักษณ์ที่ใช้ในการเขียนผังงาน
byAiice Pimsupuk
 
แนวข้อสอบคอมพิวเตอร์และเทคโนโลยีสารสนเทศ
byนายโอ ครับท่าน
 
ภาษา C#
byictyangtalad
 
ใบความรู้ รูปแบบของผังงาน
byAiice Pimsupuk
 
Googledocs
byAiice Pimsupuk
 
00 ประมวลรายวิชาภาคปลายสารสนเทศม2
byAiice Pimsupuk
 
ประมวลรายวิชา ง30206 การตัดต่อภาพยนตร์
byAiice Pimsupuk
 

Similar to 03activity1

DOC
Know 1 1
byชญานิษฐ์ ทบวัน
 
PPTX
c# part1.pptx
bykeeduelailai
 
PDF
Ass1 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Know1 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Know1 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้น
byNattapon
 
PDF
Know1 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
ใบความรู้ที่ 4 การเขียนโปรแกรมด้วย visual basic 2010
byNattapon
 
PDF
Flowchart credit :
bySupatra Thomya
 
PDF
Flowchart
byKo Kung
 
PDF
การเขียนผังงาน(Flowchart)
byKroopop Su
 
PDF
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้น
byNattapon
 
DOCX
เน‚เธ›เธฃเนเธเธฃเธกเนเธฅเธฐเธเธฒเธฃเธ›เธฃเธฐเธข เธเธ•
byBenjarat Jenkhong
 
PPT
Lesson1 programing concept
byskiats
 
PDF
คู่มือ Courselab
byปกรณ์กฤช ออนไลน์
 
PDF
Course lap
bykruood
 
PPT
Gnewvb01 090401013958-phpapp01
byสปสช นครสวรรค์
 
PDF
หลักการเขียนโปรแกรม
byคุณครู ผู้น่ารัก
 
DOC
3 software deverlop
byPor Kung
 
PPT
10 win apps
bya-num Sara
 
Know 1 1
byชญานิษฐ์ ทบวัน
 
c# part1.pptx
bykeeduelailai
 
Ass1 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
Know1 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
Know1 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้น
byNattapon
 
Know1 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
ใบความรู้ที่ 4 การเขียนโปรแกรมด้วย visual basic 2010
byNattapon
 
Flowchart credit :
bySupatra Thomya
 
Flowchart
byKo Kung
 
การเขียนผังงาน(Flowchart)
byKroopop Su
 
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้น
byNattapon
 
เน‚เธ›เธฃเนเธเธฃเธกเนเธฅเธฐเธเธฒเธฃเธ›เธฃเธฐเธข เธเธ•
byBenjarat Jenkhong
 
Lesson1 programing concept
byskiats
 
คู่มือ Courselab
byปกรณ์กฤช ออนไลน์
 
Course lap
bykruood
 
Gnewvb01 090401013958-phpapp01
byสปสช นครสวรรค์
 
หลักการเขียนโปรแกรม
byคุณครู ผู้น่ารัก
 
3 software deverlop
byPor Kung
 
10 win apps
bya-num Sara
 

More from โรงเรียนอุตรดิตถ์ดรุณี

PDF
Ass4 5
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass4 4
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass4 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass4 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass4 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Know4 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Know4 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Know4 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass3 5
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass3 4
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass3 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass3 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass3 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Know3 4
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Know3 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Know3 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Know3 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass2 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass2 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
PDF
Ass2 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass4 5
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass4 4
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass4 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass4 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass4 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
Know4 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
Know4 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
Know4 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass3 5
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass3 4
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass3 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass3 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass3 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
Know3 4
byโรงเรียนอุตรดิตถ์ดรุณี
 
Know3 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
Know3 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
Know3 1
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass2 3
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass2 2
byโรงเรียนอุตรดิตถ์ดรุณี
 
Ass2 1
byโรงเรียนอุตรดิตถ์ดรุณี
 

03activity1

  • 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 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
  • 49.
    เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C#ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 ใบความรูที่ 1.7 การใช Timer Timer เปนคอนโทรลชนิดหนึ่งที่อยูใน Toolbox จัดอยูในกลุมของคอมโพเนนท (Component)   Timer เปนคอมโพเนนท (คอมโพเนนท คือ คอนโทรลที่ไมมีสวนติดตอผูใช) ที่เราใชในการจัดการในสิ่ง ที่เกี่ยวของกับเวลา เชน จับเวลา ตั้งเวลา เปนตน ซึ่งรูปแบบที่ใชงานกันบอยที่สุดคือ ใชคอนโทรล Timer กําหนดชวงเวลา เมื่อถึงชวงเวลาตามที่กําหนดแลวก็มการทําคําสั่งที่ไดเตรียมเอาไว ี 1. พร็อพเพอรตี ที่สําคัญของ Timer ไดแก 1.1 Interval เปนชวงเวลาที่จะให Timer นับเวลาให โดยเราจะกําหนดในหนวย มิลลิวินาที (หนึ่งสวนพันวินาที เชน 2,500 ก็หมายถึง 2.5 วินาที) 1.2 Enable เปนการเลือกวาจะให Timer ทํางานนับเวลาตามชวงที่กําหนดไวหรือไม 2. เมท็อด ที่สําคัญของ Timer ไดแก 2.1 Start เปนการกําหนดใหเริ่มนับเวลา 2.2 Stop เปนการกําหนดใหหยุดนับเวลา 3. การใชงาน Timer โดยการเลือกกลุมคอมโพเนนท มาวาง ไวที่ฟอรม และนําคอนโทรล Button วางที่ฟอรม และเปลี่ยน Propoties Text เปน “เริ่มนับถอยหลัง” ดังรูปที่ 1.7.1 Component Tray รูปที่ 1.7.1 แสดงคอนโทรล timer บน Component Tray หมายเหตุ จะเห็นวา Timer เปนคอมโพเนนท ดังนัน จึงไมแสดงบนฟอรม แตจะอยูในพื้นที่ ้ ที่เรียกวา Component Tray ซึ่งอยูดานลางของหนาตาง Form Designer 4. กําหนด พร็อพเพอรตี Interval ของ Timer เปน 1000 ดังรูปที่ 1.7.2 หมายเลข 49 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี
  • 50.
    เอกสารคายยุวคอมพิวเตอร การเขียนโปรแกรม C#ฉบับผูเรียน กิจกรรมที่ 1 รูจักโปรแกรม Microsoft Visual C# 2008 รูปที่ 1.7.2 หนาตาง พร็อพเพอรตี ของคอนโทรล timer1 5. ในการเขียนโคดจะเขียนที่ปุม Button โดยการดับเบิลคลิกเขาไปจะปรากฏโคด และ เขียนโคดเพิ่มเติม (ซึ่งรายละเอียดการเขียนโคดจะไดศกษาในบทตอไป) ึ 50 สาขาคอมพิวเตอร สถาบันสงเสริมการสอนวิทยาศาสตรและเทคโนโลยี