เนือหาทีผ่านมาทีการใช้งานคอมโทรลต่างๆ ในเบืองต้นกันมาแล้ว สําหรับเนือหาในบทนีเป็ นการเก็บ

บทที11 รายละเอียดต่างๆ ของกลุม่ คอมโทรลแต่ละตัวมายิงขึน

แสดงข้อความด้วยคอมโทรล Label
โดยปกติแล้วเราจะใช้คอมโทรลLabel เข้ามาหน้าทีแสดงข้อความในส่วนแสดงผล ผูใ้ ช้งานไม่สามารถแก้ไขข้อความได้ ดังรูปที 11-1

การใช้งานคอมโทรลต่างๆทีน่าสนใจ

ข้อความทีปราฎอยูใ่ นตัวคอมโทรล Label ถูกเก็บอยูท่ ี คุณสมบัติ Text ถือเป็ นคุณสมบัติหลักของตัวคอนโทรล

คุณสมบัติของคอนโทรล Label ทีสําคัญ

คุณสมบัติอนๆที
ื น่าสนใจ มีดงั นี การสร้างปุ่ มกดด้วยคอมโทรล Button
คุณสมบัติ หน้าที
Text ข้อความทีแสดงอยูใ่ นตัวคอมโทรล Label
คอมโทรม Button ทําหน้าทีสร้างปุ่ มกดในส่วนแสดงผม ข้อความทีแสดงบนปุ่ มกด Button กําหนดได้ทีคุณสมบัติ Text ดังรูปที 11-2
Auto Size กําหนดสีพืนหลังให้คอมโทรล Label มี 2 ค่า คือ
• True หมายถึง ให้มีขนาดตามข้อความทีแสดง
• False หมายถึง กําหนดขนดได้อย่างอิสระ
Back Color กําหนดสีพืนหลังให้กบั คอมโทรล Label
Border Style กําหนดให้แสดงหลังให้กบั คอมโทรล Label
• None หมายถึง ไม่ตอ้ งแสดงเส้นขอบ
• Fixed Single หมายถึง ให้แสดงเส้นขอบ
• Fixed3D หมายถึง ให้แสดงเส้นขอบแบบมีสว่ นลึกด้วย
Font กําหนดรูปแบบฟอนต์ทีจะใช้แสดงข้อความ
Fore Color กําหนดสีขอ้ ความ
Text Align กําหนดตําแหน่งของข้อความ มี 9 ตําแหน่ง กล่าวคือ แยกออกเป็ น 3 แถว คือ บน,กลาง, ล่าง โดยทีในแต่ละแถวแบ่งออกเป็ นอีก 3 ตําแหน่ง คือ ซ้าย,กลางและขวา
Visible กําหนดการปราฏของคอนโทรล Label กล่าวคือ
• True หมายถึง ให้แสดงคอนโทรล Label ตามปกติ
• False หมายถึง ให้ซอ่ นตัวคอมโทรล Label
 คุณสมบัติของคอมทโทรล Button ทีสําคัญ การสร้างไฮเปอร์ลิงค์ดว้ ย Link Label
คุณสมบัติ อืนๆ ทีน่าสนใจ มีดงั นี

คุณสมบัติ หน้าที
ถ้าคุณต้องการสร้างข้อความทีเป็ นไฮเปอร์ลิงค์สาํ หรับเชือมโยงไปยังหน้าเว็บไซต์ สามารถทําได้เช่นกัน โดยเป็ นหน้าทีของคอนโทรล Link Label
Text ข้อความทีแสดงอยูใ่ นตัวคอมโทรล Label
Back Color กําหนดสีพืนหลังให้กบั คอมโทรล Label
Flat Style กําหนดรูปแบบปุ่ มกด มี 4 แบบ คือ
• Standard หมายถึง ใช้รูปแบบปกติ
• Popup กับ Flat หมายถึง ตัวปุ่ มกดมีลกั ษณะเป็ นแบบแบนราบ
• System หมายถึง ปุ่ มกดมีรูปแบบเดียวกับปฏิบตั ิการ Windows ของคุณ
Font กําหนดรูปแบบฟอนต์ทีจะใช้แสดงข้อความ
Fore Color กําหนดสีขอ้ ความ
Text Align กําหนดตําแหน่งของข้อความ มี 9 ตําแหน่ง กล่าวคือ แยกออกเป็ น 3 แถว คือ บน,กลาง, ล่าง โดยทีในแต่ละแถวแบ่งออกเป็ นอีก 3 ตําแหน่ง คือ ซ้าย,
กลางและขวา
Visible กําหนดการปราฏของคอนโทรล Button กล่าวคือ
• True หมายถึง ให้แสดงคอนโทรล Button ตามปกติ
• False หมายถึง ให้ซอ่ นตัวคอมโทรล Button

ตัวอย่างที11-1 การสร้างไฮเปอร์ลิงค์ Link Label

ในตัวอย่างนีใช้งานคอนโทรล Link Label โดยตังชือว่า lnk Mylink การใช้งานคอนโทรล Link Label มี 2 ส่วน ดังนี
1. ข้อความทีจะปรากฏในคอนโทรล Link Label ในกรณีนี คือ ข้อความ Go to my fanpage กําหนดได้ทีคุณสมบัติ Text
จากโค้ดข้างต้น ผูเ้ ขียนกําหนดคําว่า “fanpage” ทําหน้าที
2. ไฮเปอร์ลิงค์ปลายทางทีต้องการเชือมโยง ในการณีนี คือ แฟนเพจผูเ้ ขียนที https://www.facebook.com/thaivb.net กําหนดได้โดยการเขียนโค้ดดังต่อไปนี เชือมโยงไปนังแฟนเพจผูเ้ ขียนทดสอบการทํางานได้ผลลัพธ์
ดังนี
 2. ในเหตุการณ์ Link Clicked() เกิดขึนเมือผูใ้ ช้งานคลิกทีไฮเปอร์ลิงค์โ ดยกําหนดให้ไปทีแฟนเพจผูเ้ ขียน

อธิบายการทํางานของโค้ด
1. ในเหตุการณ์ Form1_Load() เป็ นการกําหนดข้อความเชือมโยงแบบไฮเปอร์ลิงค์กอ่ นโดยการนับเป็ นตัวอักษร ซึงตัวอักษรตัวแรกนับเป็ น 0 (ช่องว่างนับเป็ น 1 ตัวอักษร)
ในกรณีนีผูเ้ ขียนเริมต้นตัวอักษรที 10 (ลําดับอ้างอิง 9) นับไปอีก 7 ตัวอักษร

คุณสมบัตขิ องคอนโทรล Link Label ทีสําคัญ

คุณสมบัติอนๆ
ื ทีน่าสนใจ มีดงั นี
 การแสดงความคืบหน้าในการทํางานด้วยคอนโทรล Progress Bar 2. ให้คณ
ุ กําหนดคุณสมบัติดงั ต่อไปนี

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

ของงานให้เราดูดว้ ย คุณสามารถสร้างหน้าจอแบบนีได้เช่นกัน ซึงเป็ นหน้าทีของคอนโทรล Progress Bar

ตัวอย่างที11-2 การแสดงความคืบหน้าในการทํางานด้วยคอนโทรล Progress Bar

1. ให้คณ
ุ ออกแบบฟอร์ม ดังรูปที 11-5 3. เขียนโค้ดดังต่อไปนี

2. ผูเ้ ขียนใช้คอนโทรล ToolTip เข้ามาทําหน้าทีแจ้งบอกผูใ้ ช้งานว่า “ต้องป้ อนชือ-สกุลทีช่องนี” ดังรูปที 11-8

การแสดงคําอธิบายด้วย ToolTip
คอนโทรล ToolTip ทําหน้าทีสร้างกรอบแสดงข้อความเล็กๆ เพือแจ้งข้อมูลให้ผูใ้ ช้งานทราบ เช่น แจ้งบอกข้อมูลว่า ผูใ้ ช้งานต้องป้ อนข้อมูลอะไร, แจ้งเตือนข้อมูลในระหว่างทํางาน
เป็ นต้น

ตัวอย่างที 11-3 การแสดงคําอธิบายด้วย ToolTip มีขนตอนดั

ั งนี
1. ผุเ้ ขียนใช้งาน Text Box 1 ตัว จังชือว่า txtFullName ทําหน้าทีรับชือ-สกุล ดังรูปที 11-7
 การแสดงข้อมูลแบบลําดับชันด้วยคอนโทรล Tree View
การแสดงข้อมูลแบบลําดับชัน เป็ นรูปแบบทีเราคุน้ เคยกันเป็ นอย่างดี เมือคุณแสดงรายการไดรฟ์ ,โฟลเดอร์ และไฟล์ในเครืองของคุณ เราจะเรียกลําดับในแต่ละชันว่า โหนด (Node)

3. เขียนโค้ดคังต่อไปนี

ตัวอย่างที 11-4 การแสดงข้อมูลแบบลําดับชันด้วยคอนโทรล Tree View มีขนตอนดั ั งนี

1. ให้คณ ุ คลิกขวาทีคอนโทรล Tree View1 เลือกคําสัง Edit Nodea... ดังนี 11-12 2. ให้คณ
ุ คลิกทีปุ่ ม Add Child เพือเพิมโหนดลูก ในกรณีนีผูเ้ ขียนเพิมเข้ามาใหม่ 3 โหนด ดังรูปที 11-13
 3. ผูเ้ ขียนลองเพิมโหนดแม่และโหนดลูกใหม่เข้ามาอีก 1 ชุด ดังรูปที 11-14
4. คุณสามารถแก้ไขข้อความกํากับแต่ละโหนดได้ทีคุณบัติ Text ดังรูปที 11-15

5. การทํางานทีสําคัญทีสุดของ Tree View ก็คอื วิธีการตรวจสอบว่าโหนดใดถูกคลิกเลือกนันเอง ให้คณ

ุ เขียนโค้ดดังต่อไปนี 6. ทดสอบการทํางานได้ผลลัพธ์ดงั นี
 คุณสมบัตขิ องคอนโทรล Tree View ทีสําคัญ
คุณสมบัตอิ นๆ
ื ทีน่าสนใจ มีดงั นี
การสร้างตัวจับเวลาด้วย Timer
คอนโทรล Timer เปรียบเสมือนกับเป็ นนาฬิกาจับเวลา ทํางานตามช่วงเวลาทีเรากําหนด มีหน่วยเป็ นมิลลิวนิ าที (1000 มิลลิวนิ าที มีคา่ เท่ากับ 1
วินาที) เมือใช้งานจะเป็ นคอนโทรลทีไม่มีสว่ นแสดงผล

การสร้างตัวเลือกแบบเลือกได้ 1 อย่างด้วยคอนโทรล Radio Button

คอนโทรล Radio Button ทําหน้าทีสร้างตัวเลือกทียินยอมให้ผใู ้ ช้งานเลือกได้เพียงรายการเดียว
ตัวอย่างที 11-5 การสร้างตัวเลือกแบบเลือกได้ 1 อย่างด้วยคอนโทรล Radio Button มีขนตอนดัั งนี

1. ให้คณ
ุ ออกแบบฟอร์ม ดังรูปที 11-19
 2. ให้คณ
ุ กําหนดคุณสมบัตติ า่ งๆ ดังต่อไปนี

3. เขียนโค้ดดังต่อไปนี
การสร้างตัวเลือกแบบหลายตัวเลือกด้วยคอนโทรล
ในกรณีทคุี ณต้องการสร้างตัวเลือกแบบยินยอมให้ผใู ้ ช้งานสามารถเลือกได้หลายรายการในเวลาเดียวกัน เป็ นหน้าทีของคอนโทรล Check Box
ตัวอย่างที 11-6 การสร้างตัวเลือกแบบหลายตัวเลือกด้วยคอนโทรล Check Box มีขนตอนดั ั งนี

1. ให้คณ
ุ ออกแบบฟอร์มดังรูปที 11-21
2. ให้คณ
ุ กําหนดคุณสมบัติตา่ งๆ ดังต่อไปนี 3. เขียนโค้ดดังต่อไปนี

4. ทดสอบการทํางานได้ผลลัพธ์ดงั นี
 การจัดกลุม่ ด้วยคอนโทรล Group Box
โดยปกติแล้ว เราจะใช้คอนโทรล Group Box เข้ามาทําหน้าทีจัดกลุม่ ให้กบั คอนโทรลต่างๆ ทีอยูใ่ นส่วนแสดงผลของเรา คุณสามารถกําหนดข้อความ
ให้กบั คอนโทรลต่างๆ ทีอยูใ่ นส่วนแสดงผลของเรา คุณสามารถกําหนดข้อความให้กบั คอนโทรล Group Box ได้ทคุี ณสมบัติ Text
การสร้างส่วนแสดงผลแบบแท็บด้วยคอนโทรล Tab Control
 2. คุณเขียนโค้ดดังต่อไปนี 3. ทดสอบการทํางานได้ผลลัพธ์ดงั นี

อธิบายการการทํางานของโค้ด 2. การตรวจสอบวันทีถูกเลือก อยูใ่ นเหตุการณ์ ValueChanged() ซึงสามารถตรวจสอบวันทีถูกเลือกได้จากคุณสมบัติ Value

1. ในเหตุการณ์ Form1_Load() ให้คณ ุ กําหนดค่าเริมต้นอย่างน้อย 2 อย่างให้กบั คอนโทรล DateeTimePicker คือ
• กําหนดรูปแบบแสดงวันทีในกรณีนีกําหนดแสดงแบบเต็มหรือแบบยาว (dtp.Format=DateTickFprmat.Long)
• กําหนดให้แสดงวันทีปั จจุบนั ด้วย (dtp.Value = Today)
คุณสมบัตขิ องคอนโทรล Date Time Picker ทีสําคัญ
คุณสมบัตอิ นๆ
ื ทีน่าสนใจ มีดงั นี
2. ส่วนการตรวจสอบช่วงวันทีทีถูกเลือก อยูใ่ นเหตุการณ์ DateSelectea() มี 2 ขันตอนย่อย คือ
 คุณสมบัตขิ องคอนโทรล Month Calendar ทีสําคัญ การสร้างรายการแบบมีตวั เลือก Check Box ด้วยคอนโทรล Checked List Box
คุณสมบัตอิ นๆ
ื ทีน่าสนใจ มีดงั นี

ตัวอย่างที11-9 การสร้างรายการแบบมีตวั ตัวเลือก Check Box ด้วยคอนโทรล Checked List Box

การกําหนดรูปแบบข้อมูลทีรับเข้ามาด้วย Masked Text Box
ข้อแตกต่างทีสําคัญเพียงอย่างเดียวก็คอื คุณสามารถกําหนดรูปแบบข้อมูลทีคอนโทรล Masked Text Box สามารถรับเข้ามาได้ โดยการคลิกขวา
ทีคอนโทรล Masked Text Box เลือกคําสัง

การสร้างตัวเลือกแบบตัวเลขด้วย Numeric Up Downs 2. ให้คณ

ุ กําหนดคุณสมบัตติ า่ งๆ ดังนี
 4. ทดสอบการทํางาน ผูใ้ ช้สามารถเลือนขึน-ลง เพือนเปลียนตัวเลขได้
3. เขียนโค้ดดังต่อไปนี ตามขอบเขตทีกําหนดไว้

ทํางานกับไฟล์ขอ้ ความด้วยคอนโทรล Rich Text Box , คุณสมบัตขิ องคอนโทรล Rich Text Box ทีสําคัญ
Open File Dialog และ Save File Dialog แสดงดังตารางต่อไปนี
 คุณสมบัตขิ องคอนโทรล Open File Dialogค คุณสมบัตขิ องคอนโทรล Save File Dialog
แสดงดังตารางต่อไปนี แสดงดังตารางต่อไปนี
 3. เขียนโค้ดดังต่อไปนี

4. ทดสอบการทํางานการเปิ ดไฟล์ ให้คณ ุ คลิกที

ปุ่ ม Open เพือเปิ ดไฟล์นามสกุล *.bxt หรือ 5. ส่วนการบันทีกไฟล์ ให้คณ ุ
*.rtf ดังรูปที 11-41 คลิกทีปุ่ ม Save Ae…
สามารถบันทึกได้ 2 นามสกุล
เช่นกัน คือ *.txt หรือ*.rtf
สรุปท้ายบท
รายละเอียดของคอนโทรลแต่ละตัวทีนําเสนอในบทนี จะทําให้คณ
ุ
ผูอ้ า่ นรูจ้ กั กับคอนโทรลแต่ละตัวเพิมมากยิงข้น