ตัวควบคุมการเพิ่มรูปภาพในแอปพื้นที่ทํางาน

ถ่ายภาพหรือโหลดรูปภาพจากอุปกรณ์

คำอธิบาย

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

ตัวควบคุมนี้เป็นตัวควบคุมที่จัดกลุ่มแล้วซึ่งมีตัวควบคุมสองตัว: รูปและปุ่ม เพิ่มรูปภาพ ตัวควบคุม รูปภาพ แสดงรูปภาพที่อัปโหลดหรือพื้นที่ที่สํารองไว้ถ้าไม่มีการอัปโหลดรูป ปุ่ม เพิ่มรูปภาพ จะพร้อมท์สําหรับการอัปโหลดรูปภาพ

ดูการอ้างอิงตัวควบคุมรูปภาพสําหรับคุณสมบัติของรูปภาพ

Limitations

ตัวควบคุมรูปภาพมีข้อจํากัดดังต่อไปนี้:

• เมื่อใช้ตัวควบคุม เพิ่มรูปภาพ บน iOS รูปภาพที่นําเข้าโดยใช้กล้องหรือแกลเลอรีจะไม่มีข้อมูลเมตาดาต้า เช่น การวางแนว ข้อมูลตําแหน่งที่ตั้ง หรือการตั้งค่ากล้อง

คุณสมบัติของปุ่มเพิ่มรูปภาพ

AccessibleLabel – ป้ายชื่อสําหรับโปรแกรมอ่านหน้าจอ ควรอธิบายวัตถุประสงค์ของการเพิ่มรูปภาพ

Align – ตําแหน่งที่ตั้งของข้อความที่สอดคล้องกับจุดกึ่งกลางแนวนอนของตัวควบคุม

BorderColor – สีเส้นขอบของตัวควบคุม

BorderStyle – กําหนดว่าเส้นขอบของตัวควบคุมจะเป็น เส้นทึบเส้นประเส้นไข่ปลา หรือ ไม่มี

BorderThickness – ความหนาของเส้นขอบของตัวควบคุม

ChangePictureText – ข้อความที่ปรากฏบนปุ่มเมื่อมีการอัปโหลดรูปภาพ

Color – สีของข้อความในตัวควบคุม

DisabledBorderColor สีของเส้นขอบของตัวควบคุม ถ้าคุณสมบัติ DisplayMode ของตัวควบคุมถูกตั้งค่าเป็น ปิดใช้งาน

DisabledColor – สีของข้อความในตัวควบคุม ถ้าคุณสมบัติ DisplayMode ถูกตั้งค่าเป็น Disabled

DisabledFill – สีพื้นหลังของตัวควบคุมถ้าคุณสมบัติ DisplayMode ถูกตั้งค่าเป็น Disabled

DisplayMode – กําหนดว่าตัวควบคุมจะอนุญาตให้ผู้ใช้ป้อนข้อมูล (แก้ไข) แสดงข้อมูลเท่านั้น (ดู) หรือถูกปิดใช้งาน (ปิดใช้งาน)

Error - ถ้าพบปัญหาในการอัปโหลดรูปภาพ คุณสมบัตินี้จะมีสตริงข้อผิดพลาดที่เหมาะสม

Fill – สีพื้นหลังของตัวควบคุม

FocusedBorderColor – สีของเส้นขอบของตัวควบคุมเมื่อตัวควบคุมถูกโฟกัส

FocusedBorderThickness – ความหนาของเส้นขอบของตัวควบคุมเมื่อตัวควบคุมถูกโฟกัส

Font – ชื่อของตระกูลแบบอักษรที่ข้อความปรากฏขึ้น

FontWeight – น้ําหนักของข้อความในตัวควบคุม: หนาครึ่งหนึ่งปกติ หรือบาง

Height – ระยะห่างระหว่างขอบด้านบนและด้านล่างของตัวควบคุม

HoverBorderColor – สีเส้นขอบของตัวควบคุมเมื่อผู้ใช้ชี้เมาส์ไว้บนตัวควบคุม

HoverColor – สีของข้อความในตัวควบคุมเมื่อผู้ใช้ชี้เมาส์ไว้

HoverFill – สีพื้นหลังของตัวควบคุมเมื่อผู้ใช้ชี้เมาส์ไว้

Italic – กําหนดว่าข้อความในตัวควบคุมเป็นตัวเอียงหรือไม่

Media – ตัวระบุสําหรับคลิปที่ตัวควบคุมเสียงหรือวิดีโอเล่น

OnChange – การดําเนินการที่จะดําเนินการเมื่อผู้ใช้เปลี่ยนแปลงค่าของตัวควบคุม (ตัวอย่างเช่น ด้วยการปรับแถบเลื่อน)

OnSelect – การดําเนินการที่จะดําเนินการเมื่อผู้ใช้แตะหรือคลิกตัวควบคุม

Padding – ระยะห่างระหว่างข้อความบนปุ่มนําเข้าหรือส่งออกและขอบของปุ่มนั้น

PressedBorderColor – สีเส้นขอบของตัวควบคุมเมื่อผู้ใช้แตะหรือคลิกตัวควบคุมนั้น

PressedColor – สีของข้อความในตัวควบคุมเมื่อผู้ใช้แตะหรือคลิกตัวควบคุมนั้น

PressedFill – สีพื้นหลังของตัวควบคุมเมื่อผู้ใช้แตะหรือคลิกตัวควบคุมนั้น

Reset – กําหนดว่าตัวควบคุมจะแปลงกลับเป็นค่าเริ่มต้นหรือไม่

Size – ขนาดฟอนต์ของข้อความที่ปรากฏบนตัวควบคุม

Strikethrough – กําหนดว่าจะมีเส้นผ่านข้อความที่ปรากฏบนตัวควบคุมหรือไม่

TabIndex – ลําดับการนําทางคีย์บอร์ดที่สัมพันธ์กับตัวควบคุมอื่นๆ

Text – ข้อความที่ปรากฏบนปุ่มเมื่อไม่มีการอัปโหลดรูปภาพ

Tooltip – ข้อความอธิบายที่ปรากฏขึ้นเมื่อผู้ใช้โฮเวอร์เหนือตัวควบคุม

Underline – กําหนดว่าจะมีเส้นปรากฏใต้ข้อความที่ปรากฏบนตัวควบคุมหรือไม่

UseMobileCamera – กําหนดว่าจะใช้กล้องเคลื่อนที่โดยตรงหรือไม่ เมื่อพร้อมใช้งาน การตั้งค่านี้เป็น TRUE บังคับให้ผู้ใช้ถ่ายภาพโดยใช้กล้อง และปิดใช้งานการอัปโหลดรูปภาพที่มีอยู่จากแกลเลอรีอุปกรณ์

VerticalAlign – ตําแหน่งที่ตั้งของข้อความบนตัวควบคุมซึ่งสัมพันธ์กับจุดกึ่งกลางแนวตั้งของตัวควบคุมนั้น

Visible – กําหนดว่าตัวควบคุมแสดงอยู่หรือถูกซ่อนอยู่

Width – ระยะห่างระหว่างขอบด้านซ้ายและด้านขวาของตัวควบคุม

X – ระยะห่างระหว่างขอบด้านซ้ายของตัวควบคุมและขอบด้านซ้ายของคอนเทนเนอร์หลัก (หน้าจอ ถ้าไม่มีคอนเทนเนอร์หลัก)

Y – ระยะห่างระหว่างขอบด้านบนของตัวควบคุมและขอบด้านบนของคอนเทนเนอร์หลัก (หน้าจอ ถ้าไม่มีคอนเทนเนอร์หลัก)

ฟังก์ชันที่เกี่ยวข้อง

Patch( DataSource, BaseRecord, ChangeRecord )

ตัวอย่าง

เพิ่มรูปภาพลงในตัวควบคุมแกลเลอรีรูปภาพ

1. เพิ่มตัวควบคุม เพิ่มรูปภาพ แล้วคลิกสามครั้ง

   ไม่ทราบวิธีการ เพิ่ม ตั้งชื่อ และตั้งค่าคอนฟิกตัวควบคุม ใช่หรือไม่

2. ในกล่องโต้ตอบ เปิด ให้คลิกหรือแตะไฟล์รูปภาพ แล้วคลิกหรือแตะ เปิด

3. เพิ่มตัวควบคุม ปุ่ม ย้ายปุ่มไปใต้ตัวควบคุม เพิ่มรูปภาพ และตั้งค่าคุณสมบัติ OnSelect สําหรับตัวควบคุม ปุ่ม ให้กับสูตรนี้:
   Collect(MyPix, AddMediaButton1.Media)

   ต้องการข้อมูลเพิ่มเติมเกี่ยวกับฟังก์ชัน Collect หรือ ฟังก์ชันอื่นหรือไม่

4. เพิ่มตัวควบคุม แกลเลอรีแนวตั้ง และตั้งค่าคุณสมบัติ Items เป็น MyPix

5. เลือกตัวควบคุมรูปภาพในแกลเลอรี และตั้งค่าเป็นคุณสมบัติ Image เป็น ThisItem.Value

6. กด F5 แล้วคลิกหรือแตะตัวควบคุม ปุ่ม

   รูปภาพจากตัวควบคุม เพิ่มรูปภาพ จะปรากฏในตัวควบคุม แกลเลอรีแนวตั้ง ถ้ารูปภาพของคุณมีอัตราส่วนกว้างยาวเท่ากับตัวควบคุม รูปภาพ ในตัวควบคุม แกลเลอรีแนวตั้ง ให้ตั้งค่าคุณสมบัติ ImagePosition ของตัวควบคุม รูปภาพ เป็น จัดพอดี

7. คลิกหรือแตะตัวควบคุม เพิ่มรูปภาพ คลิกหรือแตะไฟล์รูปภาพอื่น คลิกหรือแตะ เปิด แล้วคลิกหรือแตะตัวควบคุม ปุ่ม ที่คุณเพิ่ม

   รูปภาพที่สองจะปรากฏในตัวควบคุม แกลเลอรีรูปภาพ

8. (ไม่บังคับ) ทําซ้ําขั้นตอนก่อนหน้าอย่างน้อยหนึ่งครั้ง แล้วกลับไปยังพื้นที่ทํางานเริ่มต้นโดยการกด Esc

ใช้ฟังก์ชัน SaveData เพื่อบันทึกรูปภาพลงในเครื่องหรือฟังก์ชัน Patch เพื่ออัปเดตแหล่งข้อมูล

แนวทางการช่วยสำหรับการเข้าถึง

แนวทางเดียวกันสําหรับ ปุ่ม และ การนํารูปภาพ ไปใช้ นอกจากนี้ ให้พิจารณาสิ่งต่อไปนี้:

ความคมชัดของสี

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

การสนับสนุนตัวอ่านหน้าจอ

• ปุ่มเพิ่มรูปภาพ ต้องมี Text และ ChangePictureText ที่พร้อมท์ให้ผู้ใช้เพิ่มหรือเปลี่ยนรูปภาพ

การสนับสนุนแป้นพิมพ์

• ปุ่มเพิ่มรูปภาพ ต้องมี TabIndex เป็นศูนย์หรือมากกว่า เพื่อให้ผู้ใช้คีย์บอร์ดสามารถนําทางได้
• ปุ่มเพิ่มรูปภาพ ต้องมีตัวบ่งชี้โฟกัสที่มองเห็นได้อย่างชัดเจน ใช้ FocusedBorderColor และ FocusedBorderThickness เพื่อดําเนินการนี้ให้สําเร็จ