ความรู้พื้นฐานเกี่ยวกับ Microsoft Visual C#
จุดประสงค์การเรียนรู้ 1 จุดประสงค์การเรียนรู้ 1. ผู้เรียนสามารถเรียกใช้และปิดโปรแกรม MS Visual C# ได้ 2. ผู้เรียนสามารถสร้าง บันทึกและเรียกใช้โปรเจคต์ได้ 3. ผู้เรียนสามารถอธิบายส่วนประกอบของโปรแกรม MS Visual C# ได้ 4. ผู้เรียนสามารถเรียกใช้และตกแต่งเครื่องมือ Label และ Button ได้
รู้จักกับโปรแกรม Microsoft Visual C# 2008 โปรแกรม Microsoft Visual C# 2008 เป็นโปรแกรมที่ใช้สร้าง Application บนระบบปฏิบัติการ Windows ซึ่งจะทำงานแบบ Visual Programming ให้สามารถมองเห็น และตอบสนองต่อการทำงานได้ชัดเจน ใช้หลักการของวัตถุ ซึ่งง่ายต่อการติดต่อกับผู้ใช้
ภาษาซีชาร์ป (C# Programming Language) เป็นภาษาโปรแกรมเชิงวัตถุ (object-oriented programming : OOP ) ถูกพัฒนาขึ้นมาโดยบริษัทไมโครซอฟต์ และมี Anders Hejlsberg เป็นหัวหน้าโครงการ
Menu Bar Title Bar Solution Explorer Form Design Toolbox Error List Standard Tools Bar Properties Window
เฉลยใบงานที่ 1.1 ตอบถูกกัน รึเปล่าเอ่ย? 2.1 หมายเลข 1 มีชื่อว่า ToolBox หรือกล่องเครื่องมือ 2.2 หมายเลข 2 มีชื่อว่า Solution Explorer 2.3 หมายเลข 3 มีชื่อว่า Properties Window 2.4 หมายเลข 4 มีชื่อว่า Error List 2.5 หมายเลข 5 มีชื่อว่า Form Design 2.6 หมายเลข 6 มีชื่อว่า Menu bar 2.7 หมายเลข 7 มีชื่อว่า Title bar 2.8 หมายเลข 8 มีชื่อว่า Standard Toolbar ตอบถูกกัน รึเปล่าเอ่ย?
เฉลยใบงานที่ 1.2 3.2 กำหนดอีเวนต์ ของ Button เขียนคำสั่งให้จบการทำงาน โดยใช้คำสั่ง Close(); 7.1 จะปรากฏโฟลเดอร์ จำนวน 3 โฟลเดอร์ ได้แก่ bin, obj และ Properties 7.2 จะปรากฏไฟล์จำนวน 7 ไฟล์ ได้แก่ Form1.cs, Form1.Designer.cs, Form1.resx, work12.csproj, work12.csproj.user, work12.sln และ Program.cs 8. ไฟล์ที่เกิดจากการรันโปรแกรมและเปิดใช้งานได้โดยไม่ต้องมีโปรแกรม Microsoft Visual C# คือไฟล์ที่มีนามสกุล *.exe อยู่ในโฟลเดอร์ bin\Debug
คำชี้แนะ 1. ให้นักเรียน Double Click ที่ Icon My Computer 2 คำชี้แนะ 1. ให้นักเรียน Double Click ที่ Icon My Computer 2. ให้นักเรียนเข้าไปที่ Drive D:\ 3. สร้างโฟลเดอร์ใหม่ ชื่อ CM5301 **** หมายเลข 53 หมายถึง ชั้นเรียน 5/3 *** ****** หมายเลข 01 หมายถึง เลขที่ 1 ****** ******** ห้ามเว้นวรรคในการตั้งชื่อ ********
การเรียกใช้โปรแกรม 1. ให้นักเรียน Double Click ที่ Icon ที่จอ Desktop 2. File > New Project…
3. 1 เลือก Windows Forms Application 3 3.1 เลือก Windows Forms Application 3.2 ตรงช่อง Name: ให้ตั้งชื่อว่า Work11 จากนั้นกด OK
Toolbox อยู่เหมือนปกติ Toolbox ถูกซ่อนไว้ด้านข้าง ข้อสังเกต Toolbox อยู่เหมือนปกติ Toolbox ถูกซ่อนไว้ด้านข้าง
วิธีการเรียกใช้ – ซ่อนหน้าต่าง แค่เราคลิ๊กไอคอนตัวนี้ หน้าต่างของเราก็จะถูกเรียกใช้ หรือ ถูกซ่อนในทันที
>>> มาสร้าง Work11 กันเถอะ <<<
เรียกใช้และปรับแต่ง label (อ่านว่า เล-เบล) 1 เรียกใช้และปรับแต่ง label (อ่านว่า เล-เบล) 1. แดรกเมาส์ที่เครื่องมือ ไปที่ Form Design 2. คลิกที่ object : label1 จะปรากฏจุดไข่ปลา ล้อมรอบ
3. แก้ไขข้อความที่หน้าต่าง Properties Window - เมนู Text > แก้ไขข้อความ - เมนู Font > แก้ไขแบบตัวอักษร ขนาด - เมนู ForeColor > เปลี่ยนสีตัวอักษร - เมนู BackColor > ใส่สีพื้นหลังให้กับข้อความ - เมนู Locked > Trueไม่สามารถย้ายข้อความได้ False สามารถย้ายข้อความได้
แล้วถ้าเราต้องการจะเปลี่ยนสีพื้นหลังให้กับงานละ ?? 1. คลิกที่พื้นที่ว่างที่ Form Design 2. ปรับเปลี่ยนพื้นหลังให้กับงานที่หน้าต่าง Properties Window 3. เมนู BackgroundImage > เปลี่ยนพื้นหลังให้เป็นรูปภาพ BackgroundColor > เปลี่ยนสีพื้นหลัง
การคอมไพล์และรันโปรเจคต์ 1. คลิกที่ไอคอน Start Debugging ที่แถบ Standard Tool Bar ***เราก็จะได้โปรแกรมของเราขึ้นมา***
การบันทึกโปรเจคต์ 1. คลิกที่ไอคอน Save All ที่แถบ Standard Tool Bar
การบันทึกโปรเจคต์ 2. จะปรากฏหน้าต่าง Save Project 2.1 Name: ให้ตั้งชื่อว่า Work11 2.2 Location : ให้กดปุ่ม Browse ไปที่โฟลเดอร์ที่นักเรียนได้ สร้างไว้ในไดร์ฟ D:\ 2.3 ให้นักเรียนเอาเครื่องหมายถูกที่ Create Directory for solution ออก แล้วกดปุ่ม Save
>>> มาสร้างปุ่มปิดโปรแกรม Work12 กันเถอะ <<< 1. สร้าง Label ดังต่อไปนี้ - โรงเรียนอุตรดิตถ์ดรุณี - Uttaradit Daruni School
2. แดรกเมาส์ที่เครื่องมือ Button ไปที่ Form Design 3 2. แดรกเมาส์ที่เครื่องมือ Button ไปที่ Form Design 3. คลิกที่ object : Button จะปรากฏจุดไข่ปลา ล้อมรอบ
3. แก้ไขข้อความที่ปรากฏบนปุ่มที่หน้าต่าง Properties Window - เมนู Text > แก้ไขข้อความ - เมนู Font > แก้ไขแบบตัวอักษร ขนาด - เมนู ForeColor > เปลี่ยนสีตัวอักษร - เมนู BackColor > ใส่สีพื้นหลังให้กับข้อความ - เมนู Locked > Trueไม่สามารถย้ายข้อความได้ False สามารถย้ายข้อความได้
4. ดับเบิ้ลคลิกที่ปุ่ม แล้วเพิ่มคำสั่ง Close(); ไว้ใน Method ของ Button1
จบแล้วครับ ไม่ยากเลยใช่ไหมครับ Microsoft Visual C#