C# Windows การสอนการใช้แบบฟอร์มพร้อมตัวอย่าง

จนถึงตอนนี้ เราได้เห็นวิธีการทำงานกับ C# เพื่อสร้างแอปพลิเคชันบนคอนโซลแล้ว แต่ในสถานการณ์จริง ทีมงานมักใช้ Visual Studio และ C# เพื่อสร้างแอปพลิเคชันเหล่านี้ Windows แบบฟอร์มหรือแอปพลิเคชันบนเว็บ

แอปพลิเคชันฟอร์ม Windows คือแอปพลิเคชันที่ออกแบบมาเพื่อใช้งานบนคอมพิวเตอร์ แต่จะไม่ทำงานบนเว็บเบราว์เซอร์ เนื่องจากจะกลายเป็นแอปพลิเคชันเว็บ

บทช่วยสอนนี้จะเน้นไปที่วิธีที่เราสามารถสร้างได้ Windows- แอพพลิเคชั่นพื้นฐาน นอกจากนี้เรายังจะได้เรียนรู้พื้นฐานเกี่ยวกับวิธีการทำงานกับองค์ประกอบต่างๆ ของ C# Windows แอพลิเคชัน

Windows ข้อมูลพื้นฐานเกี่ยวกับแบบฟอร์ม

A Windows แอปพลิเคชันแบบฟอร์มเป็นแอปพลิเคชันที่ทำงานบนคอมพิวเตอร์เดสก์ท็อป ก Windows โดยทั่วไปแอปพลิเคชันแบบฟอร์มจะมีคอลเลกชันของตัวควบคุมต่างๆ เช่น ป้าย กล่องข้อความ กล่องรายการ ฯลฯ

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

Windows ข้อมูลพื้นฐานเกี่ยวกับแบบฟอร์ม

ตัวอย่างของการควบคุมที่มีอยู่ในแอปพลิเคชันด้านบน

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

C# สวัสดีชาวโลก

ตอนนี้เรามาดูตัวอย่างการใช้งานแอปพลิเคชัน 'hello world' ง่ายๆ ใน Visual Studio กัน โดยจะต้องทำตามขั้นตอนต่อไปนี้

ขั้นตอน 1) ขั้นตอนแรกเกี่ยวข้องกับการสร้างโปรเจ็กต์ใหม่ใน Visual Studio หลังจากเปิดใช้งาน Visual Studioคุณต้องเลือกตัวเลือกเมนู ใหม่ -> โครงการ

C# สวัสดีชาวโลก

ขั้นตอน 2) ขั้นตอนต่อไปคือการเลือกประเภทโครงการเป็น Windows ใบสมัครแบบฟอร์ม. ที่นี่เราต้องพูดถึงชื่อและที่ตั้งของโครงการของเราด้วย

C# สวัสดีชาวโลก

  1. ในกล่องโต้ตอบโครงการ เราจะเห็นตัวเลือกต่างๆ สำหรับการสร้างโครงการประเภทต่างๆ ใน ​​Visual Studio คลิกที่นี่ Windows ตัวเลือกทางด้านซ้ายมือ
  2. เมื่อเราคลิก Windows ตัวเลือกในขั้นตอนที่แล้วเราจะเห็นตัวเลือกสำหรับ Windows ใบสมัครแบบฟอร์ม. คลิกตัวเลือกนี้
  3. เราจะให้ชื่อสำหรับการสมัคร ในกรณีของเราคือ DemoApplication เราจะจัดเตรียมสถานที่สำหรับจัดเก็บแอปพลิเคชันของเราด้วย
  4. ในที่สุดเราคลิกปุ่ม 'ตกลง' เพื่อให้ Visual Studio สร้างโปรเจ็กต์ของเรา

หากปฏิบัติตามขั้นตอนข้างต้น คุณจะได้ผลลัพธ์ดังต่อไปนี้ใน Visual Studio

ผลลัพธ์:-

C# สวัสดีชาวโลก

คุณจะเห็น Form Designer แสดงใน Visual Studio ซึ่งในตัวออกแบบฟอร์มนี้เองที่คุณจะเริ่มต้นสร้าง Windows ใบสมัครแบบฟอร์ม.

C# สวัสดีชาวโลก

ใน Solution Explorer คุณจะสามารถดู DemoApplication Solution ได้ด้วย โซลูชันนี้จะมีไฟล์โครงการ 2 ไฟล์ด้านล่าง

  1. แอปพลิเคชันแบบฟอร์มชื่อ Forms1.cs ไฟล์นี้จะมีโค้ดทั้งหมดสำหรับ Windows ใบสมัครแบบฟอร์ม.
  2. โปรแกรมหลักที่เรียกว่า Program.cs เป็นไฟล์โค้ดเริ่มต้นที่ถูกสร้างขึ้นเมื่อมีการสร้างแอปพลิเคชันใหม่ใน Visual Studio โค้ดนี้จะมีโค้ดเริ่มต้นสำหรับแอปพลิเคชันทั้งหมด

ที่ด้านซ้ายของ Visual Studio คุณจะเห็นเครื่องมือด้วยBoxกล่องเครื่องมือประกอบด้วยตัวควบคุมทั้งหมดที่สามารถเพิ่มลงใน Windows แบบฟอร์ม ตัวควบคุม เช่น กล่องข้อความหรือป้ายกำกับ เป็นเพียงตัวควบคุมบางส่วนที่สามารถเพิ่มลงใน Windows รูปแบบ

ด้านล่างนี้เป็นภาพหน้าจอที่แสดงให้เห็นลักษณะของกล่องเครื่องมือ

C# สวัสดีชาวโลก

ขั้นตอน 3) ในขั้นตอนนี้ เราจะเพิ่มป้ายกำกับลงในแบบฟอร์มซึ่งจะแสดงข้อความ "Hello World" จากกล่องเครื่องมือ คุณจะต้องเลือกตัวควบคุมป้ายกำกับแล้วลากไปบนแบบฟอร์ม

C# สวัสดีชาวโลก

เมื่อคุณลากป้ายกำกับไปที่แบบฟอร์ม คุณจะเห็นป้ายกำกับที่ฝังอยู่ในแบบฟอร์มดังที่แสดงด้านล่าง

C# สวัสดีชาวโลก

ขั้นตอน 4) ขั้นตอนต่อไปคือการไปที่คุณสมบัติของตัวควบคุมและเปลี่ยนข้อความเป็น 'Hello World'

หากต้องการไปที่คุณสมบัติของตัวควบคุม คุณต้องคลิกขวาที่ตัวควบคุมแล้วเลือกตัวเลือกเมนูคุณสมบัติ

C# สวัสดีชาวโลก

  • แผงคุณสมบัติยังปรากฏใน Visual Studio ด้วย ดังนั้นสำหรับการควบคุมฉลาก ให้ไปที่ส่วนข้อความในการควบคุมคุณสมบัติ และป้อน "Hello World"
  • การควบคุมแต่ละรายการมีชุดคุณสมบัติที่อธิบายการควบคุม

C# สวัสดีชาวโลก

หากคุณปฏิบัติตามขั้นตอนทั้งหมดข้างต้นและรันโปรแกรมใน Visual Studio คุณจะได้ผลลัพธ์ดังต่อไปนี้

ผลลัพธ์:-

C# สวัสดีชาวโลก

ในผลลัพธ์คุณจะเห็นว่า Windows แบบฟอร์มจะแสดงขึ้น และคุณจะเห็นข้อความ 'Hello World' แสดงอยู่บนแบบฟอร์มด้วย

การเพิ่มการควบคุมให้กับแบบฟอร์ม

เราได้เห็นวิธีการเพิ่มการควบคุมลงในแบบฟอร์มแล้วเมื่อเราเพิ่มการควบคุมป้ายกำกับในส่วนก่อนหน้าเพื่อแสดง “Hello World”

มาดูการควบคุมอื่นๆ ที่มีอยู่สำหรับ Windows และดูคุณสมบัติทั่วไปบางประการ

ในของเรา Windows การใช้งานฟอร์มในตัวอย่าง C# เราจะสร้างฟอร์มหนึ่งอันซึ่งจะมีฟังก์ชันการทำงานต่อไปนี้

  1. ความสามารถสำหรับผู้ใช้ในการป้อนชื่อและที่อยู่
  2. ตัวเลือกในการเลือกเมืองที่ผู้ใช้อาศัยอยู่
  3. ความสามารถสำหรับผู้ใช้ในการป้อนตัวเลือกสำหรับเพศ
  4. ตัวเลือกในการเลือกหลักสูตรที่ผู้ใช้ต้องการเรียนรู้ จะมีให้เลือกทั้ง C# และ ASP.Net

ดังนั้นเรามาดูรายละเอียดการควบคุมแต่ละรายการและเพิ่มเพื่อสร้างแบบฟอร์มด้วยฟังก์ชันที่กล่าวมาข้างต้น

บัญชีกลุ่ม Box

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

ขั้นตอน 1) ขั้นตอนแรกคือการลากตัวควบคุม Groupbox ลงไป Windows แบบฟอร์มจากกล่องเครื่องมือดังแสดงด้านล่างนี้

การเพิ่มการควบคุมให้กับแบบฟอร์ม

ขั้นตอน 2) เมื่อเพิ่ม groupbox แล้ว ให้ไปที่หน้าต่างคุณสมบัติโดยคลิกที่ตัวควบคุม groupbox ในหน้าต่างคุณสมบัติ ให้ไปที่คุณสมบัติ Text และเปลี่ยนเป็น “User Details”

การเพิ่มการควบคุมให้กับแบบฟอร์ม

เมื่อคุณทำการเปลี่ยนแปลงข้างต้นแล้ว คุณจะเห็นผลลัพธ์ต่อไปนี้

ผลลัพธ์:-

การเพิ่มการควบคุมให้กับแบบฟอร์ม

จากผลลัพธ์ คุณจะเห็นได้ชัดเจนว่า Groupbox ถูกเพิ่มเข้าไปในฟอร์มแล้ว นอกจากนี้ คุณยังเห็นได้ว่าข้อความใน groupbox ถูกเปลี่ยนเป็น "รายละเอียดผู้ใช้" อีกด้วย

การควบคุมฉลาก

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

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

ขั้นตอน 1) ขั้นตอนแรกคือการลากตัวควบคุมป้ายกำกับไปที่ Windows ฟอร์มจากกล่องเครื่องมือตามที่แสดงด้านล่าง ตรวจสอบให้แน่ใจว่าคุณลากตัวควบคุมป้ายกำกับ 2 ครั้งเพื่อให้มีป้ายกำกับหนึ่งอันสำหรับ 'ชื่อ' และอีกอันสำหรับ 'ที่อยู่'

การเพิ่มการควบคุมให้กับแบบฟอร์ม

ขั้นตอน 2) เมื่อเพิ่มป้ายกำกับแล้ว ให้ไปที่หน้าต่างคุณสมบัติโดยคลิกที่ตัวควบคุมป้ายกำกับ ในหน้าต่างคุณสมบัติ ไปที่คุณสมบัติข้อความของตัวควบคุมป้ายกำกับแต่ละรายการ

การเพิ่มการควบคุมให้กับแบบฟอร์ม

เมื่อคุณทำการเปลี่ยนแปลงข้างต้นแล้ว คุณจะเห็นผลลัพธ์ต่อไปนี้

ผลลัพธ์:-

การเพิ่มการควบคุมให้กับแบบฟอร์ม

คุณสามารถดูตัวควบคุมป้ายกำกับที่เพิ่มลงในแบบฟอร์มได้

กล่องข้อความ

กล่องข้อความใช้เพื่อให้ผู้ใช้ป้อนข้อความบางอย่างบน Windows แอปพลิเคชันใน C# มาดูกันว่าเราจะนำไปปฏิบัติได้อย่างไรด้วยตัวอย่างที่แสดงด้านล่าง เราจะเพิ่มกล่องข้อความ 2 กล่องลงในฟอร์ม กล่องหนึ่งสำหรับชื่อและอีกกล่องสำหรับที่อยู่ที่จะป้อนให้กับผู้ใช้

ขั้นตอน 1) ขั้นตอนแรกคือการลากตัวควบคุมกล่องข้อความไปที่ Windows แบบฟอร์มจากกล่องเครื่องมือดังแสดงด้านล่างนี้

การเพิ่มการควบคุมให้กับแบบฟอร์ม

ขั้นตอน 2) เมื่อเพิ่มกล่องข้อความแล้ว ให้ไปที่หน้าต่างคุณสมบัติโดยคลิกที่ตัวควบคุมกล่องข้อความ ในหน้าต่างคุณสมบัติ ให้ไปที่คุณสมบัติชื่อและเพิ่มชื่อที่มีความหมายให้กับกล่องข้อความแต่ละกล่อง ตัวอย่างเช่น ตั้งชื่อกล่องข้อความสำหรับผู้ใช้เป็น txtName และตั้งชื่อสำหรับที่อยู่เป็น txtAddress ควรมีการกำหนดแบบแผนและมาตรฐานการตั้งชื่อสำหรับตัวควบคุมเนื่องจากการเพิ่มฟังก์ชันพิเศษให้กับตัวควบคุมเหล่านี้ทำได้ง่ายขึ้น ซึ่งเราจะมาดูในภายหลัง

การเพิ่มการควบคุมให้กับแบบฟอร์ม

เมื่อคุณทำการเปลี่ยนแปลงข้างต้นแล้ว คุณจะเห็นผลลัพธ์ต่อไปนี้

ผลลัพธ์:-

การเพิ่มการควบคุมให้กับแบบฟอร์ม

จากผลลัพธ์ คุณจะเห็นได้ชัดเจนว่า Textbox ถูกเพิ่มเข้าไปในแบบฟอร์มแล้ว

กล่องรายการ

Listbox ใช้เพื่อแสดงรายการของรายการบน Windows แบบฟอร์ม มาดูกันว่าเราจะนำไปใช้งานได้อย่างไรด้วยตัวอย่างที่แสดงด้านล่าง เราจะเพิ่มกล่องรายการลงในแบบฟอร์มเพื่อจัดเก็บตำแหน่งเมืองต่างๆ

ขั้นตอน 1) ขั้นตอนแรกคือการลากตัวควบคุมกล่องรายการไปที่ Windows แบบฟอร์มจากกล่องเครื่องมือดังแสดงด้านล่างนี้

การเพิ่มการควบคุมให้กับแบบฟอร์ม

ขั้นตอน 2) เมื่อเพิ่มกล่องรายการแล้ว ให้ไปที่หน้าต่างคุณสมบัติโดยคลิกที่ตัวควบคุมกล่องรายการ

การเพิ่มการควบคุมให้กับแบบฟอร์ม

  1. ขั้นแรก ให้เปลี่ยนคุณสมบัติของตัวควบคุมกล่อง Listbox ในกรณีของเรา เราได้เปลี่ยนแปลงเป็น lstCity
  2. คลิกที่คุณสมบัติรายการ วิธีนี้จะช่วยให้คุณสามารถเพิ่มรายการต่างๆ ที่สามารถแสดงขึ้นในกล่องรายการได้ ในกรณีของเรา เราได้เลือกรายการ "คอลเลกชัน"
  3. ใน String Collection Editor ซึ่งปรากฏขึ้น ให้ป้อนชื่อเมือง ในกรณีของเรา เราได้ป้อน "มุมไบ", "บังกาลอร์" และ "ไฮเดอราบัด" แล้ว
  4. ในที่สุดคลิกที่ปุ่ม 'ตกลง'

เมื่อคุณทำการเปลี่ยนแปลงข้างต้นแล้ว คุณจะเห็นผลลัพธ์ต่อไปนี้

ผลลัพธ์:-

การเพิ่มการควบคุมให้กับแบบฟอร์ม

จากผลลัพธ์ คุณจะเห็นว่า Listbox ถูกเพิ่มเข้าไปในฟอร์มแล้ว นอกจากนี้ คุณยังจะเห็นได้ว่า Listbox ถูกเติมค่าเมืองเข้าไปด้วย

ปุ่มวิทยุ

Radiobutton ใช้เพื่อแสดงรายการรายการที่ผู้ใช้สามารถเลือกได้ เรามาดูกันว่าเราจะนำไปใช้ได้อย่างไรด้วยตัวอย่างที่แสดงด้านล่าง เราจะเพิ่มปุ่มตัวเลือกสำหรับตัวเลือกชาย/หญิง

ขั้นตอน 1) ขั้นตอนแรกคือการลากตัวควบคุม 'ปุ่มวิทยุ' ไปไว้บน Windows แบบฟอร์มจากกล่องเครื่องมือดังแสดงด้านล่างนี้

การเพิ่มการควบคุมให้กับแบบฟอร์ม

ขั้นตอน 2) เมื่อเพิ่ม Radiobutton แล้ว ให้ไปที่หน้าต่างคุณสมบัติโดยคลิกที่ตัวควบคุม Radiobutton

การเพิ่มการควบคุมให้กับแบบฟอร์ม

  1. ขั้นแรก คุณต้องเปลี่ยนคุณสมบัติข้อความของปุ่มควบคุมวิทยุทั้งสองปุ่ม ไปที่หน้าต่างคุณสมบัติแล้วเปลี่ยนข้อความของปุ่มควบคุมวิทยุปุ่มหนึ่งเป็นข้อความตัวผู้ และข้อความของอีกปุ่มเป็นข้อความตัวเมีย
  2. ในทำนองเดียวกัน ให้เปลี่ยนคุณสมบัติชื่อของปุ่มควบคุมวิทยุทั้งสองปุ่ม ไปที่หน้าต่างคุณสมบัติและเปลี่ยนชื่อเป็น 'rdMale' ของปุ่มควบคุมวิทยุปุ่มหนึ่ง และเปลี่ยนชื่อเป็น 'rdfemale' ของอีกปุ่มหนึ่ง

เมื่อคุณทำการเปลี่ยนแปลงข้างต้น คุณจะเห็นผลลัพธ์ดังต่อไปนี้

ผลลัพธ์:-

การเพิ่มการควบคุมให้กับแบบฟอร์ม

คุณจะเห็นปุ่มตัวเลือกถูกเพิ่มเข้าไปใน Windows ฟอร์ม

ช่องทำเครื่องหมาย

ช่องกาเครื่องหมายใช้เพื่อแสดงรายการตัวเลือกที่ผู้ใช้สามารถเลือกตัวเลือกต่างๆ ได้ มาดูกันว่าเราจะนำไปใช้งานอย่างไรด้วยตัวอย่างที่แสดงด้านล่าง เราจะเพิ่มช่องกาเครื่องหมาย 2 ช่องลงในรายการตัวเลือก Windows แบบฟอร์ม กล่องกาเครื่องหมายเหล่านี้จะให้ตัวเลือกแก่ผู้ใช้ว่าต้องการเรียนรู้ C# หรือ ASP.Net

ขั้นตอน 1) ขั้นตอนแรกคือการลากตัวควบคุมช่องกาเครื่องหมายไปที่ Windows แบบฟอร์มจากกล่องเครื่องมือดังแสดงด้านล่างนี้

การเพิ่มการควบคุมให้กับแบบฟอร์ม

ขั้นตอน 2) เมื่อเพิ่มช่องกาเครื่องหมายแล้ว ให้ไปที่หน้าต่างคุณสมบัติโดยคลิกที่ตัวควบคุมช่องกาเครื่องหมาย

การเพิ่มการควบคุมให้กับแบบฟอร์ม

ในหน้าต่างคุณสมบัติ

  1. ขั้นแรก คุณต้องเปลี่ยนคุณสมบัติข้อความของตัวควบคุมกล่องกาเครื่องหมายทั้งสอง ไปที่หน้าต่างคุณสมบัติและเปลี่ยนข้อความเป็น C# แล้ว ASP.Net.
  2. ในทำนองเดียวกัน ให้เปลี่ยนคุณสมบัติชื่อของตัวควบคุมวิทยุทั้งสอง ไปที่หน้าต่างคุณสมบัติและเปลี่ยนชื่อเป็น chkC ของช่องกาเครื่องหมายหนึ่ง และเป็น chkASP ของอีกช่องหนึ่ง

เมื่อคุณทำการเปลี่ยนแปลงข้างต้นแล้ว คุณจะเห็นผลลัพธ์ต่อไปนี้

ผลลัพธ์:-

การเพิ่มการควบคุมให้กับแบบฟอร์ม

ปุ่ม

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

ขั้นตอน 1) ขั้นตอนแรกคือการลากปุ่มควบคุมไปไว้บน Windows แบบฟอร์มจากกล่องเครื่องมือดังแสดงด้านล่างนี้

การเพิ่มการควบคุมให้กับแบบฟอร์ม

ขั้นตอน 2) เมื่อเพิ่มปุ่มแล้ว ให้ไปที่หน้าต่างคุณสมบัติโดยคลิกที่ตัวควบคุมปุ่ม

การเพิ่มการควบคุมให้กับแบบฟอร์ม

  1. ขั้นแรก คุณต้องเปลี่ยนคุณสมบัติข้อความของปุ่มควบคุม ไปที่หน้าต่างคุณสมบัติแล้วเปลี่ยนข้อความเป็น 'ส่ง'
  2. ในทำนองเดียวกัน ให้เปลี่ยนคุณสมบัติชื่อของตัวควบคุม ไปที่หน้าต่างคุณสมบัติและเปลี่ยนชื่อเป็น 'btnSubmit'

เมื่อคุณทำการเปลี่ยนแปลงข้างต้นแล้ว คุณจะเห็นผลลัพธ์ต่อไปนี้

ผลลัพธ์:-

การเพิ่มการควบคุมให้กับแบบฟอร์ม

ยินดีด้วย ตอนนี้คุณมีพื้นฐานแรกแล้ว Windows แบบฟอร์มในสถานที่ ตอนนี้เรามาดูหัวข้อถัดไปเพื่อดูว่าเราสามารถจัดการเหตุการณ์สำหรับการควบคุมได้อย่างไร

การจัดการเหตุการณ์ C # สำหรับการควบคุม

เมื่อทำงานกับแบบฟอร์ม Windows คุณสามารถเพิ่มเหตุการณ์ลงในตัวควบคุมได้ เหตุการณ์คือสิ่งที่เกิดขึ้นเมื่อมีการดำเนินการ การดำเนินการที่พบได้บ่อยที่สุดคือการคลิกปุ่มบนแบบฟอร์ม ใน C# Windows แบบฟอร์ม คุณสามารถเพิ่มโค้ดที่สามารถใช้เพื่อดำเนินการบางอย่างได้เมื่อกดปุ่มบนแบบฟอร์ม

โดยปกติเมื่อกดปุ่มบนแบบฟอร์ม หมายความว่าการประมวลผลบางอย่างควรเกิดขึ้น

มาดูเหตุการณ์หนึ่งและวิธีจัดการก่อนที่เราจะไปที่สถานการณ์เหตุการณ์ปุ่ม

ตัวอย่างด้านล่างจะแสดงเหตุการณ์สำหรับตัวควบคุม Listbox ดังนั้นทุกครั้งที่มีการเลือกไอเท็มในตัวควบคุม Listbox กล่องข้อความจะปรากฏขึ้นเพื่อแสดงรายการที่เลือก มาทำตามขั้นตอนต่อไปนี้เพื่อดำเนินการนี้กัน

ขั้นตอน 1) Double คลิกที่กล่องรายการในตัวออกแบบแบบฟอร์ม. การดำเนินการนี้จะทำให้ Visual Studio เปิดไฟล์โค้ดสำหรับฟอร์มโดยอัตโนมัติ และจะเพิ่มเมธอดเหตุการณ์ลงในโค้ดโดยอัตโนมัติ เมธอดเหตุการณ์นี้จะถูกเรียกใช้ทุกครั้งที่มีการเลือกไอเท็มใดๆ ในกล่องรายการ

การจัดการเหตุการณ์ C # สำหรับการควบคุม

ด้านบนคือโค้ดบางส่วนที่ Visual Studio เพิ่มโดยอัตโนมัติเมื่อคุณดับเบิลคลิกที่ตัวควบคุมกล่องรายการบนแบบฟอร์ม ตอนนี้มาเพิ่มโค้ดส่วนด้านล่างนี้ลงในโค้ดบางส่วนนี้เพื่อเพิ่มฟังก์ชันที่จำเป็นให้กับเหตุการณ์กล่องรายการ

การจัดการเหตุการณ์ C # สำหรับการควบคุม

  1. นี่คือเมธอดตัวจัดการเหตุการณ์ที่ Visual Studio สร้างขึ้นโดยอัตโนมัติเมื่อคุณดับเบิลคลิกที่ตัวควบคุมกล่องรายการ คุณไม่จำเป็นต้องกังวลเกี่ยวกับความซับซ้อนของชื่อเมธอดหรือพารามิเตอร์ที่ส่งไปยังเมธอด
  2. ที่นี่เราจะได้ SelectedItem ผ่านคุณสมบัติ lstCity.SelectedItem โปรดจำไว้ว่า lstCity คือชื่อของตัวควบคุม Listbox ของเรา จากนั้นเราจะใช้เมธอด GetItemText เพื่อรับค่าจริงของรายการที่เลือก จากนั้นเราจะกำหนดค่านี้ให้กับตัวแปร text
  3. ในที่สุดเราก็ใช้ข้อความBox วิธีการแสดงค่าตัวแปรข้อความให้กับผู้ใช้

เมื่อคุณทำการเปลี่ยนแปลงข้างต้นแล้วและรันโปรแกรมใน Visual Studio คุณจะเห็นผลลัพธ์ดังต่อไปนี้

ผลลัพธ์:-

การจัดการเหตุการณ์ C # สำหรับการควบคุม

จากผลลัพธ์ คุณจะเห็นว่าเมื่อเลือกรายการใดๆ จากกล่องรายการ กล่องข้อความจะปรากฏขึ้น ซึ่งจะแสดงรายการที่เลือกจากกล่องรายการ

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

การจัดการเหตุการณ์ C # สำหรับการควบคุม

  1. นี่คือเมธอดตัวจัดการเหตุการณ์ที่ Visual Studio สร้างขึ้นโดยอัตโนมัติเมื่อคุณดับเบิลคลิกปุ่มควบคุม คุณไม่จำเป็นต้องกังวลเกี่ยวกับความซับซ้อนของชื่อเมธอดหรือพารามิเตอร์ที่ส่งไปยังเมธอด
  2. เราได้รับค่าที่ป้อนลงในกล่องข้อความชื่อและที่อยู่ โดยสามารถนำค่าเหล่านี้มาจากคุณสมบัติข้อความของกล่องข้อความ จากนั้นจึงกำหนดค่าให้กับตัวแปร 2 ตัว ได้แก่ ชื่อและที่อยู่ตามลำดับ
  3. ในที่สุดเราก็ใช้ข้อความBox วิธีการแสดงค่าชื่อและที่อยู่ให้กับผู้ใช้

เมื่อคุณทำการเปลี่ยนแปลงข้างต้นแล้วและรันโปรแกรมใน Visual Studio คุณจะเห็นผลลัพธ์ดังต่อไปนี้

ผลลัพธ์:-

การจัดการเหตุการณ์ C # สำหรับการควบคุม

  1. ขั้นแรก ให้ป้อนค่าในช่องชื่อและที่อยู่
  2. จากนั้นคลิกที่ปุ่มส่ง

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

ต้นไม้และรูปภาพBox Control

มีการควบคุมเพิ่มเติมอีก 2 แบบที่เราสามารถดูได้ หนึ่งคือ 'การควบคุมแบบต้นไม้' และอีกแบบคือ 'การควบคุมรูปภาพ' มาดูตัวอย่างว่าเราสามารถใช้การควบคุมเหล่านี้ได้อย่างไร

การควบคุมต้นไม้

– การควบคุมแบบต้นไม้ใช้เพื่อแสดงรายการต่างๆ ในรูปแบบแผนภูมิแบบต้นไม้ ตัวอย่างที่ดีที่สุดน่าจะเป็นตอนที่เราเห็น Windows นักสำรวจนั่นเอง โครงสร้างโฟลเดอร์ใน Windows Explorer ก็เหมือนกับโครงสร้างคล้ายต้นไม้

เรามาดูกันว่าเราจะนำไปใช้ได้อย่างไรด้วยตัวอย่างที่แสดงด้านล่าง

ขั้นตอน 1) ขั้นตอนแรกคือการลากตัวควบคุม Tree ไปไว้บน Windows แบบฟอร์มจากกล่องเครื่องมือดังแสดงด้านล่างนี้

ต้นไม้และรูปภาพBox Control

ขั้นตอน 2) ขั้นตอนต่อไปคือการเริ่มเพิ่มโหนดให้กับคอลเลกชันแผนผังเพื่อให้สามารถขึ้นมาในแผนผังได้ตามลำดับ ขั้นแรก ให้ทำตามขั้นตอนย่อยด้านล่างเพื่อเพิ่มโหนดรูทให้กับคอลเลกชันแผนผัง

ต้นไม้และรูปภาพBox Control

  1. ไปที่กล่องเครื่องมือคุณสมบัติสำหรับการควบคุมมุมมองแบบแผนผัง คลิกที่คุณสมบัติของโหนด จากนั้นจะมี TreeNode Editor ปรากฏขึ้น
  2. ใน TreeNode Editor คลิกที่ปุ่มเพิ่มรูทเพื่อเพิ่มโหนดรูทให้กับคอลเลกชันทรี
  3. ถัดไป เปลี่ยนข้อความของโหนดรูทและระบุข้อความเป็นรูทแล้วคลิกปุ่ม 'ตกลง' สิ่งนี้จะเพิ่มโหนดรูท

ขั้นตอน 3) ขั้นตอนต่อไปคือการเริ่มเพิ่มโหนดย่อยในคอลเลกชันแผนผัง มาทำตามขั้นตอนย่อยด้านล่างเพื่อเพิ่มโหนดรูทลูกให้กับคอลเลกชันต้นไม้

ต้นไม้และรูปภาพBox Control

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

เมื่อคุณทำการเปลี่ยนแปลงข้างต้นแล้ว คุณจะเห็นผลลัพธ์ต่อไปนี้

ผลลัพธ์:-

ต้นไม้และรูปภาพBox Control

คุณจะสามารถดูมุมมองแบบต้นไม้ที่เพิ่มลงในแบบฟอร์มได้ เมื่อคุณเรียกใช้ Windows แอปพลิเคชันฟอร์ม คุณสามารถขยายโหนดรูทและดูโหนดย่อยในรายการได้

ภาพBox Control

การควบคุมนี้ใช้เพื่อเพิ่มรูปภาพลงใน Winforms C# เรามาดูกันว่าเราจะนำไปใช้ได้อย่างไรด้วยตัวอย่างที่แสดงด้านล่าง

ขั้นตอน 1) ขั้นตอนแรกคือการลากรูปภาพBox ควบคุมบน C # Windows แบบฟอร์มจากกล่องเครื่องมือดังแสดงด้านล่างนี้

ต้นไม้และรูปภาพBox Control

ขั้นตอน 2) ขั้นตอนต่อไปคือการแนบรูปภาพลงในตัวควบคุมกล่องรูปภาพ ซึ่งสามารถทำได้โดยทำตามขั้นตอนด้านล่าง

ต้นไม้และรูปภาพBox Control

  1. ขั้นแรกให้คลิกที่คุณสมบัติรูปภาพสำหรับรูปภาพBox ควบคุม. หน้าต่างใหม่จะปรากฏขึ้นมา
  2. ในหน้าต่างนี้ ให้คลิกปุ่มนำเข้า ปุ่มนี้จะใช้ในการแนบรูปภาพลงในตัวควบคุมกล่องรูปภาพ
  3. กล่องโต้ตอบจะปรากฏขึ้น โดยคุณจะสามารถเลือกภาพที่จะแนบลงในกล่องรูปภาพได้
  4. คลิกที่ปุ่มตกลง

เมื่อคุณทำการเปลี่ยนแปลงข้างต้น คุณจะเห็นผลลัพธ์ดังต่อไปนี้

ผลลัพธ์:-

ต้นไม้และรูปภาพBox Control

จากเอาท์พุตคุณจะเห็นว่ารูปภาพแสดงบนแบบฟอร์ม

สรุป

  • A Windows ฟอร์มในแอปพลิเคชัน C# คือฟอร์มที่ทำงานบนเดสก์ท็อปของคอมพิวเตอร์ Visual Studio Form ร่วมกับ C# สามารถใช้สร้าง Windows ใบสมัครแบบฟอร์ม.
  • สามารถเพิ่มการควบคุมลงใน Windows แบบฟอร์ม C# ผ่าน Toolbox ใน Visual Studio สามารถเพิ่มตัวควบคุม เช่น ป้ายชื่อ กล่องกาเครื่องหมาย ปุ่มตัวเลือก ฯลฯ ลงในแบบฟอร์มได้ผ่าน Toolbox
  • เรายังสามารถใช้การควบคุมขั้นสูง เช่น การควบคุมมุมมองแบบต้นไม้และรูปภาพBox ควบคุม
  • ตัวจัดการเหตุการณ์ใช้เพื่อตอบสนองต่อเหตุการณ์ที่สร้างจากการควบคุม สิ่งที่พบมากที่สุดคือสิ่งที่เพิ่มเข้ามาสำหรับเหตุการณ์การคลิกปุ่ม

อ่านเพิ่มเติม readmore