หน้าที่ของคอนโทรล Option Button คอนโทรล Option Button นิยมใช้งานร่วมกับคอนโทรล Frame มีหน้าที่รับการเลือก จากผู้ใช้ โดยสามารถเลือกได้เพียง 1 ตัวเลือก จะพบเห็นได้ในโปรแกรมที่มีการเลือก หรือกาหนดค่า Option ต่างๆ ตัวอย่างเช่น เมนู Tools>Option หัวข้อ Environment ของ Visual Basic
การจัดวางคอนโทรล Option Button ลงบนฟอร์ม ขั้นตอนมีดังต่อไปนี้ 1. คลิกเมาส์ที่ปุ่ม Option Button ที่แถบเครื่องมือ 1 ครั้ง(ปุ่มจะยุบลง)
2 1
3
2. เลื่อนเมาส์ไปยังพื้นที่ฟอร์ม คลิกเมาส์ค้างไว้วาดลงบนฟอร์ม แล้วปล่อยปุ่มเมาส์ 3. ย้าย หรือ ปรับขนาดของ Option Button ตามความเหมาะสม
คุณสมบัติ (Properties) ที่สาคัญของคอนโทรล Option Button
Properties Name Caption Enable Visible Value ToolTipText
รายละเอียด ชื่อของคอนโทรลที่ใช้อ้างถึงในโปรแกรม ข้อความที่แสดงหลังกล่องตัวเลือกของคอนโทรล อนุญาต/ไม่อนุญาต ให้คอนโทรลทางาน(ควรกาหนดที่ Frame) แสดงหรือไม่แสดง คอนโทรลในขณะโปรแกรมทางาน(ควรกาหนดที่ Frame)
ค่าที่ได้จากการคลิกเลือก(True=ถูกเลือก,False=ไม่ถูกเลือก) แถบข้อความที่แสดงขณะเลื่อนเมาส์ไปทับที่คอนโทรล
หมายเหตุ ตัวอักษรในตารางที่ไม่เป็นตัวหนาคือค่า Properties พื้นฐานสามารถกาหนด ได้เหมือนกับคอนโทรลทั่วไป ซึ่งในบทนี้จะเสนอเฉพาะที่จาเป็นและนิยมใช้ กับ คอนโทรล Option Button เท่านั้น
เหตุการณ์ (Event) สาคัญที่เกิดขึ้นกับคอนโทรล Option Button Event Click DblClick GotFocus LostFocus
รายละเอียด เมื่อคลิกเมาส์ที่คอนโทรล เมื่อดับเบิลคลิกเมาส์ที่คอนโทรล เมื่อคอนโทรลได้รับการโฟกัส(ถูกเลือก) เมื่อคอนโทรลไม่ได้รับการโฟกัส(ไม่ถูกเลือก)
หมายเหตุ ส่วนมากการใช้งาน จะสนใจค่า Value ของคอนโทรล Option Button ว่าถูกเลือกหรือ ไม่ เพื่อนาไปเข้าข้อแม้การตัดสินใจ ส่วน Event นักศึกษาก็ยังสมารถนาไปประยุกต์ใช้ ได้ตามความเหมาะสม
ความสามารถ (Method) ที่สาคัญของคอนโทรล Option Button Method Refresh Zorder SetFocus
รายละเอียด สั่งให้ปรับปรุงการแสดงผลคอนโทรล จัดลาดับการแสดงผลซ้อนกันของคอนโทรล (0 อยู่บนสุด 1 อยู่ล่างสุด) สั่งให้คอนโทรลได้รับการโฟกัส(ถูกเลือก)
หมายเหตุ การกาหนด Method สามารถทาได้ที่หน้าต่างการเขียนรหัสโปรแกรมเท่านั้น
ตัวอย่างการกาหนด Properties ที่สาคัญของคอนโทรล Option Button ขั้นตอนมีดังนี้ 1. วาดคอนโทรล Frame ลงบนฟอร์ม 1 คอนโทรล 2. วาดคอนโทรล Option Button ลงภายใน Frame จานวน 3 คอนโทรล
1 2
3. ปรับขนาดและตาแหน่ง Frame และ Option Button ให้เหมาะสม 4. กาหนด Properties ของคอนโทรล Frame ดังนี้ 4.1. กาหนดหัวข้อ Name(ชื่อคอนโทรล) พิมพ์ FraOption1
4.1
4.2. กาหนดหัวข้อ Caption (ข้อความที่แสดง) พิมพ์ เลือกรายการอาหารที่ชอบ 1 รายการ
4.2
5. กาหนด Properties ของคอนโทรล Option Button ดังนี้ 5.1. กาหนดหัวข้อ Name(ชื่อคอนโทรล) ให้ใช้ชื่อเดิมคือ Option1
5.1
5.2. กาหนดหัวข้อ Caption (ข้อความที่แสดง) พิมพ์ แกงป่าไก่
5.2
6. กาหนด Properties ของคอนโทรล Option2 และ Option3 จนได้ผลดังนี้
7. กดแป้นพิมพ์ F5 (Run โปรแกรม หรือคลิก ที่แถบเครื่องมือด้านบน) 8. ลองคลิกเลือกรายการอาหาร จะพบว่าเลือกได้เพียงครั้งละ 1 รายการ 9. หยุดการทางานของโปรแกรม คลิก ที่แถบเครื่องมือด้านบน
ตัวอย่างการใช้ Option Button กับคอนโทรลพื้นฐานมาสร้าง โปรแกรม 1. จากฟอร์มในข้อที่ 6 2. วาดคอนโทรล Label จานวน 1 คอนโทรล กาหนด Properties หัวข้อ Caption เป็น รายการ อาหารที่คุณชอบคือ 3. วาดคอนโทรล Text Box จานวน 1 คอนโทรล กาหนด Properties หัวข้อ Text เป็น ยังไม่ทราบผล 4. วาดคอนโทรล Command Button จานวน 2 คอนโทรล กาหนด Properties หัวข้อ Caption เป็น ตกลง และ จบการทางาน ตามลาดับ 5. จัดวางคอนโทรลตามรูปตัวอย่าง
2
4
3
6. กาหนดคาสั่งตามเหตุการณ์ให้กับคอนโทรลดังนี้ 6.1. เมื่อเกิดเหตุการณ์ Click บนคอนโทรล Command1 ( 6.1.1. ดับเบิลคลิกที่คอนโทรล Command1 ( โปรแกรม(Code)
) ) จะปรากฏหน้าต่างรหัส
6.1.2
6.1.3
6.1.2. คลิกเลือกเหตุการณ์ Click 6.1.3. พิมพ์คาสั่งดังนี้ If Option1.Value = True Then Text1.Text = Option1.Caption If Option2.Value = True Then Text1.Text = Option2.Caption If Option3.Value = True Then Text1.Text = Option3.Caption
อธิบายการทางานของรหัสโปรแกรม ถ้า Option ใดถูกเลือก(Value=True) ให้ค่าในกล่อง ข้อความ Text1 แสดงค่า Caption ของตัวเลือกนั้น 6.2. เมื่อเกิดเหตุการณ์ Click บนคอนโทรล Command2 ( 6.2.1. ดับเบิลคลิกที่คอนโทรล Command2 ( โปรแกรม(Code)
) ) จะปรากฏหน้าต่างรหัส
6.2.2
6.2.3
6.2.2. คลิกเลือกเหตุการณ์ Click 6.2.3. พิมพ์คาสั่ง Unload Me อธิบายการทางานของรหัสโปรแกรม ปิดการทางานของฟอร์ม 7. Run โปรแกรม สังเกตข้อความในกล่องข้อความ ปรากฏ ยังไม่ทราบผล 8. คลิกเมาส์เลือกที่ แกงป่าไก่ สังเกต วงกลมจะเป็นจุดสีดา คลิกที่ปุ่ม กล่องข้อความจะแสดง แกงป่าไก่ 9. ทาขั้นตอนที่ 8 กับตัวเลือกที่เหลือ 10. คลิกที่ปุ่ม โปรแกรมจะหยุดการทางาน