หน้าที่ของคอนโทรล Text Box คอนโทรล Text Box ใช้สาหรับรับข้อความหรือตัวเลขบนฟอร์ม โดยขณะที่โปรแกรม ทางานสามารถแก้ไขข้อมูลได้
การจัดวางคอนโทรล Text Box ลงบนฟอร์ม ขั้นตอนมีดังต่อไปนี้ 1. คลิกเมาส์ที่ปุ่ม Text Box ที่แถบเครื่องมือ 1 ครั้ง(ปุ่มจะยุบลง)
1 2
3
หน้าที่ของคอนโทรล Text Box คอนโทรล Text Box ใช้สาหรับรับข้อความหรือตัวเลขบนฟอร์ม โดยขณะที่โปรแกรม ทางานสามารถแก้ไขข้อมูลได้
การจัดวางคอนโทรล Text Box ลงบนฟอร์ม
ขั้นตอนมีดังต่อไปนี้ 2. คลิกเมาส์ที่ปุ่ม Text Box ที่แถบเครื่องมือ 1 ครั้ง(ปุ่มจะยุบลง) Properties Name Text Alignment BorderStyle Font ForeColor BackColor Enable Visible Lock MaxLength MultiLine ScrollBars PasswordChar
รายละเอียด ชื่อของคอนโทรลที่ใช้อ้างถึงในโปรแกรม ข้อความที่แสดงบนตัวคอนโทรล การจัดตาแหน่งของข้อความที่แสดงบนตัวคอนโทรล เส้นขอบ แบบอักษรที่แสดงบนตัวคอนโทรล สีของอักษรที่แสดงบนคอนโทรล สีของพื้นหลังอักษรที่แสดงบนคอนโทรล อนุญาตให้คอนโทรลทางาน ให้แสดงหรือไม่แสดง คอนโทรลในขณะโปรแกรมทางาน อนุญาต/ไม่อนุญาต ให้แก้ไขข้อความใน Text Box กาหนดจานวนอักษรสูงสุดที่จะพิมพ์ได้ใน Text Box กาหนด Text Box แบบ บรรทัดเดียว/หลายบรรทัด แสดง/ไม่แสดง แถบเลื่อน(ต้องกาหนด MultiLine = True ก่อน) แสดงข้อความใน Text Box เป็นแบบรหัสผ่าน
หมายเหตุ ตัวอักษรในตารางที่ไม่เป็นตัวหนาคือค่า Properties พื้นฐานสามารถกาหนด ได้เหมือนกับคอนโทรล Label ซึ่งในบทนี้จะเสนอเฉพาะที่จาเป็นและนิยมใช้ กับ คอนโทรล Text Box เท่านั้น
เหตุการณ์ (Event) สาคัญที่เกิดขึ้นกับคอนโทรล Label Event Click DblClick Change GotFocus LostFocus KeyPress
รายละเอียด เมื่อคลิกเมาส์ที่คอนโทรล เมื่อดับเบิลคลิกเมาส์ที่คอนโทรล เมื่อมีการเปลี่ยนแปลงค่าในคอนโทรล Text Box เมื่อคอนโทรลได้รับการโฟกัส(ถูกเลือก) เมื่อคอนโทรลไม่ได้รับการโฟกัส(ไม่ถูกเลือก) เมื่อมีการกดแป้นพิมพ์ในขณะที่คอนโทรลได้รับการโฟกัส
หมายเหตุ การกาหนด Event สามารถทาได้โดยการดับเบิลคลิกเมาส์ที่คอนโทรล จะปรากฏช่องให้เลือกอยู่ ด้านขวาบน ของหน้าต่างรหัสโปรแกรม
ความสามารถ (Method) ที่สาคัญของคอนโทรล Text Box Method Refresh Zorder SetFocus
รายละเอียด สั่งให้ปรับปรุงการแสดงผลคอนโทรล จัดลาดับการแสดงผลซ้อนกันของคอนโทรล (0 อยู่บนสุด 1 อยู่ล่างสุด) สั่งให้คอนโทรลได้รับการโฟกัส(ถูกเลือก)
หมายเหตุ การกาหนด Method สามารถทาได้ที่หน้าต่างการเขียนรหัสโปรแกรมเท่านั้น
ตัวอย่างการกาหนด Properties ที่สาคัญของคอนโทรล Text Box ขั้นตอนมีดังนี้ 1. วาดคอนโทรล Text Box ลงบนฟอร์ม 1 คอนโทรล
1
2. คลิกเลือกที่หน้าต่าง Properties (อยู่บริเวณด้านขวาของหน้าจอ)
2
3. กาหนด Properties ของคอนโทรล Text Box ดังนี้
3.1.กาหนดหัวข้อ Name(ชื่อคอนโทรล) พิมพ์ TxtTest
3.1
3.2.กาหนดหัวข้อ Text (ข้อความที่แสดง) พิมพ์ ป้อนข้อมูลตรงนี้
3.2
3.3.กาหนดหัวข้อ Locked(อนุญาต/ไม่อนุญาต ให้แก้ไขข้อความ) โดย 3.3.1 คลิกในหน้าต่าง Properties หัวข้อ Locked เลือก True (ไม่อนุญาต ให้แก้ไขข้อความ)
3.3.1
3.3.2 กดแป้นพิมพ์ F5 (Run โปรแกรม หรือคลิก ที่แถบเครื่องมือด้านบน) 3.3.3 ทดลองแก้แก้ไขข้อความใน Text Box จะไม่สามารถแก้ไขข้อความได้ 3.3.4 หยุดการทางานของโปรแกรม คลิก ที่แถบเครื่องมือด้านบน 3.3.5 กาหนด Locked เป็น False (อนุญาต ให้แก้ไขข้อความได้) 3.1. กาหนด MaxLength (กาหนดจานวนอักษรสูงสุดที่จะพิมพ์ได้) โดย 3.4.1 คลิกในหน้าต่าง Properties หัวข้อ MaxLength พิมพ์ 5
3.4.1
3.4.2 กดแป้นพิมพ์ F5 (Run โปรแกรม หรือคลิก ที่แถบเครื่องมือด้านบน) 3.4.3 ลบข้อความใน Text Box ทั้งหมด ทดลองพิมพ์ 123456789 3.4.4 จะพบว่าพิมพ์ได้เพียง 12345 เท่านั้น 3.4.5 หยุดการทางานของโปรแกรม คลิก ที่แถบเครื่องมือด้านบน 3.4.6 กาหนดค่า MaxLength เป็น 0 (ไม่จากัด) 3.2. กาหนด MultiLine (ข้อความหลายบรรทัด) โดย
3.5.1
3.5.1 กดแป้นพิมพ์ F5 (Run โปรแกรม หรือคลิก ที่แถบเครื่องมือด้านบน) 3.5.2 พิมพ์ข้อความ 1 กด Enter 2 กด Enter 3 กด Enter 4 กด Enter 3.4.4 จะพบว่าหลังจากพิมพ์เสร็จ สามารถใช้แป้นพิมพ์เลื่อนเคอร์เซอร์ขึ้นลงได้ 3.4.5 หยุดการทางานของโปรแกรม คลิก ที่แถบเครื่องมือด้านบน 3.3. กาหนด ScollBars (แสดงแถบเลื่อน) 3.6.1 ต้องกาหนด Properties MultiLine(หลายบรรทัด) เป็น True ก่อน 3.6.2 คลิกในหน้าต่าง Properties หัวข้อ ScollBars เลือก 1-Horizontal(แถบแนวนอน)
3.6.2
3.6.3 คลิกในหน้าต่าง Properties หัวข้อ ScollBars เลือก 2-Vertical(แถบแนวตั้ง)
3.6.3
3.6.4 คลิกในหน้าต่าง Properties หัวข้อ ScollBars เลือก 3-Both(แถบแนวนอนและตั้ง)
3.6.4
3.6.5 คลิกในหน้าต่าง Properties หัวข้อ ScollBars เลือก 0-None(ไม่มีแถบเลื่อน) 3.4. กาหนด PasswordChar (แสดงข้อความใน Text Box เป็นเครื่องหมายแบบรหัสผ่าน) 3.7.1 คลิกในหน้าต่าง Properties หัวข้อ PasswordChar พิมพ์ *
3.7.1
3.7.2 กดแป้นพิมพ์ F5 (Run โปรแกรม หรือคลิก ที่แถบเครื่องมือด้านบน) 3.7.3 พิมพ์ข้อความ 12345 จะปรากฏอักษร ***** 3.7.4 หยุดการทางานของโปรแกรม คลิก ที่แถบเครื่องมือด้านบน
ตัวอย่างการกาหนด(Event) ที่สาคัญของคอนโทรล Text Box ขั้นตอนมีดังนี้ 1. วาดคอนโทรล Text Box จานวน 6 คอนโทรล และกาหนด Properties หัวข้อ Name เป็น Properties หัวข้อ Name TxtEventClick TxtEventDblClick TxtEventChange TxtGotFocus TxtLostFocus TxtKeyPress
2. กาหนดข้อความที่แสดงบนคอนโทรล ที่ Properties หัวข้อ Text เป็น Properties หัวข้อ Text เหตุการณ์เมื่อคลิกเมาส์บนตัวฉัน เหตุการณ์เมื่อดับเบิลคลิกเมาส์บนตัวฉัน เหตุการณ์เมื่อเปลี่ยนข้อมูลบนตัวฉัน เหตุการณ์เมื่อฉันได้รับโฟกัส เหตุการณ์เมื่อฉันสูญเสียโฟกัส เหตุการณ์เมื่อกดแป้นพิมพ์บนตัวฉัน
3. กาหนดคาสั่งตามเหตุการณ์ให้กับคอนโทรลทั้ง 6 ดังนี้ 3.1. เมื่อเกิดเหตุการณ์ Click บนคอนโทรล TxtEventClick 3.1.1. ดับเบิลคลิกที่คอนโทรล TxtEvenClick จะปรากฏหน้าต่างรหัสโปรแกรม(Code)
3.1.1
3.1.2. คลิกเลือกเหตุการณ์ Click 3.1.2
3.1.3
3.1.3.พิมพ์คาสั่ง MsgBox “เกิด Event Click ที่คอนโทรล TxtEventClick” 3.2.เมื่อเกิดเหตุการณ์ DblClick บนคอนโทรล TxtEventDblClick 3.2.1.ดับเบิลคลิกที่คอนโทรล TxtEvenDblClick จะปรากฏหน้าต่างรหัสโปรแกรม
3.2.1
3.2.2.คลิกเลือกเหตุการณ์ DblClick 3.2.2
3.2.3
3.2.3.พิมพ์คาสั่ง MsgBox “เกิด Event DblClick ที่คอนโทรล TxtEventDblClick 3.3.เมื่อเกิดเหตุการณ์ Change บนคอนโทรล TxtEventChange 3.3.1.ดับเบิลคลิกที่คอนโทรล TxtEvenChange จะปรากฏหน้าต่างรหัสโปรแกรม
3.3.1
3.3.2.คลิกเลือกเหตุการณ์ Change 3.3.2
3.3.3
3.3.3.พิมพ์คาสั่ง MsgBox “เกิด Event Change ที่คอนโทรล TxtEventChange”
3.4.เมื่อเกิดเหตุการณ์ GotFocus บนคอนโทรล TxtEventGotFocus 3.4.1.ดับเบิลคลิกที่คอนโทรล TxtEvenGotFocus จะปรากฏหน้าต่างรหัสโปรแกรม
3.4.1
3.4.2.คลิกเลือกเหตุการณ์ GotFocus 3.4.2
3.4.3
3.4.3.พิมพ์คาสั่ง MsgBox “เกิด Event GotFocus ที่คอนโทรล TxtEventGotFocus” 3.5.เมื่อเกิดเหตุการณ์ LostFocus บนคอนโทรล TxtEventLostFocus 3.5.1.ดับเบิลคลิกที่คอนโทรล TxtEvenLostFocus จะปรากฏหน้าต่างรหัสโปรแกรม
3.4.1
1.1.1. คลิกเลือกเหตุการณ์ GotFocus 3.4.2
3.4.3
1.1.2. พิมพ์คาสั่ง MsgBox “เกิด Event GotFocus ที่คอนโทรล TxtEventGotFocus” 1.2. เมื่อเกิดเหตุการณ์ LostFocus บนคอนโทรล TxtEventLostFocus 1.2.1. ดับเบิลคลิกที่คอนโทรล TxtEvenLostFocus จะปรากฏหน้าต่างรหัสโปรแกรม
3.5.1
3.5.2.คลิกเลือกเหตุการณ์ LostFocus 3.5.2
3.5.3
3.5.3.พิมพ์คาสั่ง MsgBox “เกิด Event LostFocus ที่คอนโทรล TxtEventLostFocus”
3.6.เมื่อเกิดเหตุการณ์ KeyPress บนคอนโทรล TxtEventKeyPress 3.6.1.ดับเบิลคลิกที่คอนโทรล TxtEvenKeyPress จะปรากฏหน้าต่างรหัสโปรแกรม
3.6.1
3.6.2. คลิกเลือกเหตุการณ์ KeyPress
3.6.2
3.6.3
3.6.3. พิมพ์คาสั่ง MsgBox “เกิด Event KeyPress ทีค่ อนโทรล TxtEventKeyPress” 3.7. กดแป้นพิมพ์ F5 (Run โปรแกรม หรือคลิก ที่แถบเครื่องมือด้านบน) 3.8. ทดลองทาให้เกิดเหตุการณ์กับคอนโทรลทั้ง 6 ดังจะปรากฏผลดังรูป
3.9.หยุดการทางานของโปรแกรม คลิก
ที่แถบเครื่องมือด้านบน
ตัวอย่างการกาหนด(Method) ที่สาคัญของคอนโทรล Text Box มีขั้นตอนดังต่อไปนี้ 1. สร้าง Project ใหม่ คลิกที่ เมนู File > New Project 2. วาด คอนโทรล Text Box จานวน 2 คอนโทรล
2
3. 4. 5. 6.
กดแป้นพิมพ์ F5 (Run โปรแกรม หรือคลิก ที่แถบเครื่องมือด้านบน) สังเกตเคอร์เซอร์จะกระพริบอยู่ภายในช่องคอนโทรลตัวแรกของฟอร์ม(Text1) หยุดการทางานของโปรแกรม คลิก ที่แถบเครื่องมือด้านบน จากนั้นทาการกาหนดให้เมื่อเกิดเหตุการณ์ฟอร์มถูกคลิกด้วยเมาส์ ให้คอนโทรล Text2 ถูกเลือก (SetFocus) โดยมีขั้นตอนดังนี้ 6.1. ดับเบิลคลิกฟอร์ม จะปรากฏหน้าต่างรหัสโปรแกรม ให้เลือกเหตุการณ์ Click 6.2. 6.1
6.2
6.3. พิมพ์คาสั่ง Text2.SetFocus 7. Run โปรแกรม สังเกตเคอร์เซอร์จะกระพริบที่คอนโทรล Text1 8. คลิกเมาส์บนฟอร์ม จะพบว่าเคอร์เซอร์จะกระพริบที่คอนโทรล Text2
ตัวอย่างการใช้ Text Box กับคอนโทรลพื้นฐานมาสร้างโปรแกรม 1. สร้าง Project ใหม่ คลิกที่เมนู File > New Project เลือก Standard EXE 2. วาดคอนโทรล Label จานวน 3 คอนโทรล กาหนด Properties หัวข้อ Caption เป็น Login, ชื่อผู้ใช้,รหัสผ่าน ตามลาดับ 3. คลิกเลือกที่คอนโทรล Label ที่แสดงข้อความ Log In กาหนด Properties หัวข้อ Font โดยกาหนดขนาด (Size) เป็น 18
4. วาดคอนโทรล Text Box จานวน 2 คอนโทรล กาหนด Properties หัวข้อ Text ลบข้อความออกให้เหลือ เพียงช่องว่าง 5. คลิกเลือกที่คอนโทรล Text Box ตัวที่ 2 กาหนด Properties หัวข้อ PasswordChar โดยการพิมพ์ เครื่องหมาย * 6. Run โปรแกรม และพิมพ์ข้อมูลในช่อง Text Box ทั้งสอง