ตัวควบคุมกล้องใน Power Apps

ตัวควบคุมที่ช่วยให้ผู้ใช้สามารถถ่ายภาพโดยใช้กล้องบนอุปกรณ์

คำอธิบาย

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

เลือกตัวควบคุมกล้องเพื่อจับภาพจากกล้อง

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

• ดูด้วยตัวควบคุมรูปภาพ ใช้ตัวควบคุม รูปภาพ เพื่อดูรูปภาพที่จับภาพไว้ สําหรับข้อมูลเพิ่มเติม โปรดดูตัวอย่าง
• ใส่ตัวแปรหรือคอลเลกชันชั่วคราว ใช้ฟังก์ชัน Set หรือ Collect เพื่อจัดเก็บรูปภาพในตัวแปรหรือคอลเลกชัน ใช้ความระมัดระวังเมื่อใช้รูปภาพหลายภาพในคอลเลกชันในเวลาเดียวกันกับหน่วยความจําที่จํากัดของอุปกรณ์ ใช้ฟังก์ชัน SaveData และ LoadData เพื่อย้ายรูปภาพไปยังที่เก็บข้อมูลภายในบนอุปกรณ์และสําหรับสถานการณ์แบบออฟไลน์
• จัดเก็บไว้ในฐานข้อมูล ใช้ฟังก์ชัน Patch เพื่อจัดเก็บรูปภาพในฐานข้อมูล
• ถูกส่งเป็นสตริงข้อความเข้ารหัส base64 ใช้ฟังก์ชัน JSON เพื่อเข้ารหัสรูปภาพเป็นฐาน 64

ใช้คุณสมบัติ Stream, StreamRate และ OnStream เพื่อจับภาพบนตัวจับเวลาโดยอัตโนมัติ ตัวอย่างเช่น จัดชิดรูปภาพทุกนาทีเพื่อสร้างลําดับการละเวลา

สื่อที่จับภาพถูกอ้างอิงด้วย URI สตริงข้อความ สําหรับข้อมูลเพิ่มเติม ให้อ่าน เอกสารชนิดข้อมูล

Limitations

ตัวควบคุมกล้องมีข้อจํากัดเหล่านี้:

1. เมื่อคุณใช้ตัวควบคุมกล้อง รูปภาพจะไม่มีข้อมูลเมตาดาต้า นี่เป็นเพราะข้อจํากัดของวิธีการที่เราถ่ายภาพด้วยกล้อง เมื่อต้องการลดปัญหานี้ ให้ใช้ ตัวควบคุม เพิ่มรูปภาพ
2. ถ้าอุปกรณ์เคลื่อนที่ของคุณมีหน่วยความจําเหลือน้อย กล้องจะถูกปิดใช้งานชั่วคราวเพื่อหลีกเลี่ยงไม่ให้อุปกรณ์หยุดทํางาน
3. Power Apps สําหรับ Windows อาจหยุดทํางานถ้าคุณเปิดแอปที่ใช้ตัวควบคุมกล้อง เมื่อต้องการหลีกเลี่ยงปัญหานี้ ให้ใช้ตัวเล่นเว็บบนแพลตฟอร์ม Windows นอกจากนี้ กล้องหลายตัวยังไม่รองรับ

คุณสมบัติที่สำคัญ

AvailableDevices – ตารางของกล้องที่พร้อมใช้งานบนอุปกรณ์

ตารางมีสองคอลัมน์:

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

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

กล้อง – ID ตัวเลขของกล้องที่จะใช้ มีประโยชน์บนอุปกรณ์ที่มีกล้องมากกว่าหนึ่งตัว

OnStream – การดําเนินการที่จะดําเนินการเมื่อมีการอัปเดตคุณสมบัติ Stream

Photo – รูปภาพที่จับภาพได้เมื่อผู้ใช้ถ่ายภาพ

Stream – รูปภาพที่อัปเดตโดยอัตโนมัติตามคุณสมบัติ StreamRate

StreamRate – ความถี่ในการอัปเดตรูปภาพในคุณสมบัติ Stream เป็นมิลลิวินาที ค่านี้สามารถอยู่ในช่วงตั้งแต่ 100 (1/10 วินาที) ถึง 3,600,000 (1 ชั่วโมง)

คุณสมบัติเพิ่มเติม

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

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

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

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

Brightness – ปริมาณแสงที่ผู้ใช้จะรับรู้ในรูปภาพ

Contrast – ความง่ายในการแยกแยะสีที่คล้ายกันในรูปภาพของผู้ใช้

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

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

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

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

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

TabIndex – ลําดับการนําทางแป้นพิมพ์เมื่อเปรียบเทียบกับตัวควบคุมอื่นๆ

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

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

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

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

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

ตัวอย่าง

สําหรับตัวอย่างเหล่านี้ คุณจะต้องมีอุปกรณ์ที่มีกล้อง หากต้องการทดสอบแอปของคุณ ให้ใช้เว็บแคมที่สามารถเข้าถึงได้จากเบราว์เซอร์ของคุณ หรือโดยการบันทึกแอปของคุณและโหลดลงในอุปกรณ์ iOS หรือ Android ด้วยกล้อง

การแสดงผลอย่างง่ายของภาพที่จับภาพไว้

1. เพิ่มตัวควบคุม กล้อง

2. อนุญาตให้แอปใช้กล้องของอุปกรณ์ถ้าได้รับพร้อมท์

3. เพิ่มตัวควบคุม รูปภาพ

4. ตั้งค่าคุณสมบัติ Image ของตัวควบคุม รูปภาพ เป็นสูตรต่อไปนี้:

   Camera1.Photo
   

   Note

   แทนที่ชื่อตัวควบคุมกล้อง Camera1 ตามความเหมาะสม

5. กด F5 เพื่อแสดงตัวอย่างแอปของคุณ

6. ถ่ายภาพโดยการเลือกหรือแตะตัวควบคุมกล้อง คุณควรเห็นผลลัพธ์ในตัวควบคุมรูปภาพของคุณ

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

1. เพิ่มตัวควบคุม กล้อง ตั้งชื่อว่า MyCamera และตั้งค่าคุณสมบัติ OnSelect เป็นสูตรนี้:

   Collect( MyPix, MyCamera.Photo )
   

   สําหรับข้อมูลเพิ่มเติม:

   • วิธีการเพิ่ม ตั้งชื่อ และกําหนดค่าตัวควบคุม
   • อ่านเพิ่มเติมเกี่ยวกับ ฟังก์ชัน Collect หรือฟังก์ชันอื่น

2. กด F5 จากนั้นถ่ายภาพโดยการเลือกหรือแตะ MyCamera

3. เพิ่มตัวควบคุม แกลเลอรีแนวตั้ง จากนั้นปรับขนาดตัวควบคุม รูปภาพ เทมเพลต และตัวควบคุม แกลเลอรีรูปภาพ ให้พอดีกับหน้าจอ

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

   MyPix
   

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

   ThisItem.Url
   

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

6. ถ่ายภาพได้มากเท่าที่คุณต้องการ จากนั้นกลับไปยังพื้นที่ทํางานเริ่มต้นโดยการกด Esc

7. (ไม่บังคับ) ตั้งค่าคุณสมบัติ OnSelect ของตัวควบคุม รูปภาพ ในตัวควบคุม แกลเลอรีรูปภาพ เป็นสูตร:

   Remove( MyPix, ThisItem )
   

8. กด F5 จากนั้นเลือกรูปภาพเพื่อเอารูปภาพออก

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

เปลี่ยนกล้องที่ใช้งานอยู่จากรายการแบบเลื่อนลง

1. เพิ่มตัวควบคุม กล้อง

2. อนุญาตให้แอปใช้กล้องของอุปกรณ์ถ้าได้รับพร้อมท์

3. เพิ่มตัวควบคุม ดรอปดาวน์

4. ตั้งค่าคุณสมบัติ รายการของ ดรอปดาวน์เป็น:

   Camera1.AvailableDevices
   

   Note

   แทนที่ชื่อตัวควบคุมกล้อง Camera1 ตามความเหมาะสม

5. ตั้งค่าคุณสมบัติ กล้อง ของกล้องเป็น:

   Dropdown1.Selected.Id
   

   Note

   แทนที่ชื่อตัวควบคุมดรอปดาวน์ Dropdown1 ตามความเหมาะสม

6. กด F5 จากนั้นเลือกรายการจากรายการแบบดรอปดาวน์เพื่อเปลี่ยนกล้อง

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

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

ตัวเลือกวิดีโอ

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

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

ต้องมีความคมชัดของสีที่เพียงพอระหว่าง FocusedBorderColor และสีภายนอก

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

จําเป็นต้องมี AccessibleLabel

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

• TabIndex ต้องเป็นศูนย์หรือมากกว่า เพื่อให้ผู้ใช้คีย์บอร์ดสามารถนําทางได้

• ต้องมองเห็นตัวบ่งชี้โฟกัสได้อย่างชัดเจน ใช้ FocusedBorderColor และ FocusedBorderThickness เพื่ออัปเดตการมองเห็นของตัวบ่งชี้โฟกัส

ดูเพิ่มเติม

ข้อจํากัดของตัวควบคุมใน Power Apps