User Control

               ในการออกแบบ User Interface (UI) จะมีเครื่องมือที่มาช่วยในการออกแบบนั่นคือ User Control หลักการใช้ User Control มีดังคลิปต่อไปนี้

         จากในคลิป สิ่งที่ต้องการทำคือ แสดงผลของการพิมพ์ข้อความ '1234' ใน text box หลังจากที่กดปุ่ม get_text จะปรากฏข้อความ '1234' อยู่ด้านล่างปุ่ม get_text

ภาพตัวอย่างแสดงผลลัพธ์

วิธีการทำ 

 1. จากโปรแกรม Visual Studio สร้าง Project C# โดยเลือกโหมด Windows Form Application
 2. สร้าง User Control โดยคลิกขวาที่ชื่อโปรเจค > Add > New Item...  > User Control จากนั้นจะปรากฏอีกหน้าต่างของ User Control
    ใส่ภาพที่ต้องการ เลือกจาก Tool Box เลือก Picture Box เพื่อทำสร้างพื้นที่ขอบเขตการเปลี่ยนรูป จากนั้นกำหนดพื้นของรูปที่จะปรากฏให้ปรากฏเต็ม User Control โดยเลือก Properties > Dock > Center และเปลี่ยนรูปตามต้องการ
    นำกล่องข้อความ Text Box จาก Tool Box มาใน User Control ไว้สำหรับคีย์ข้อมูลที่ต้องการ
และ Label สำหรับการตั้งชื่อของกล่องนี้ เพื่อทำให้ User ทราบ
3 . หลังจากสร้างองค์ประกอบของ User Control สำเร็จ เราจะลากเข้ามาในหน้า Form โดยเลือกที่ Tool Box ด้านบนสุดจะมี ชื่อของ User Control ที่สร้าง ต่อมาสร้าง button ไว้สำหรับการกดเพื่อแสดงค่าที่พิม และ label เป็นตำแหน่งที่จะแสดงค่า

ภาพแสดงองค์ประกอบที่อยู่ใน Form1

4. สร้างเหตุการณ์จากการคลิกปุ่ม button1
          ให้คลิกขวาไปที่ User Control เลือก View Code สร้างฟังก์ชั่นชื่อ getUserControlText() ภายในฟังก์ชั่นเป็นการ return ข้อความของ Text Box ที่อยู่ใน User Control จากนั้น double click ไปที่ button1 ในหน้า Form1 พิมพ์ (ชื่อของlabel1ที่ต้องการแสดงค่า).Text = (ชื่อของ User Control).getUserControlText() เพื่อกำหนดให้ label1 แสดงค่าตามฟังก์ชั่น getUserControlText() ซึ่ง return ข้อความใน Text Box

ภาพแสดงโค้ดภายใน User Control สร้าง ฟังก์ชั่น Return Text

                                     ภาพแสดงโค้ดของ Form1 เหตุการณ์ Click

เมื่อเสร็จการ Code ให้กด Start ก็จะได้ผลลัพธ์จุดประสงค์ตามข้างต้น