ตัวควบคุมการป้อนข้อมูลด้วยปากกาใน Power Apps

ตัวควบคุมที่ผู้ใช้สามารถวาด ลบ และเน้นพื้นที่ของรูปภาพได้

คำอธิบาย

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

Limitations

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

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

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

รูปภาพ – คุณสมบัติที่แสดงรูปวาดโดยผู้ใช้ปลายทาง

Color – สีของเส้นป้อนข้อมูล

Mode – ตัวควบคุมอยู่ในโหมด วาด หรือ ลบ โหมดการเลือกถูกเลิกใช้แล้ว

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

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

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

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

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

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

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

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

การป้อนข้อมูล – เลิกใช้. ไม่ว่าจะรองรับการป้อนข้อมูลด้วยเมาส์ ปากกา หรือการป้อนข้อมูลด้วยการสัมผัส ค่าเริ่มต้น (7) สนับสนุนทั้งสามอย่าง

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

SelectionColor – สีข้อความของรายการที่เลือกหรือข้อมูลในรายการหรือสีของเครื่องมือการเลือกในตัวควบคุมปากกา

SelectionThickness – ความหนาของเครื่องมือการเลือกสําหรับตัวควบคุมการป้อนข้อมูลด้วยปากกา

ShowControls – กําหนดว่าจะแสดงตัวเล่นเสียงหรือวิดีโอหรือไม่ ตัวอย่างเช่น ปุ่มเล่นและแถบปรับระดับเสียง และตัวควบคุมปากกาจะแสดง ตัวอย่างเช่น ไอคอนสําหรับการวาด การลบ และการล้าง

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

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

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

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

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

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

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

Collect( CollectionName, DatatoCollect )

ตัวอย่าง

สร้างชุดรูปภาพ

1. เพิ่มตัวควบคุม การป้อนข้อมูลด้วยปากกา ตั้งชื่อว่า MyDoodles และตั้งค่าคุณสมบัติ ShowControls เป็น true

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

2. เพิ่มตัวควบคุม ปุ่ม ย้ายไปด้านล่างของ MyDoodles และตั้งค่าคุณสมบัติ ข้อความ ของตัวควบคุม ปุ่ม ให้แสดง เพิ่ม

3. ตั้งค่าคุณสมบัติ OnSelect ของตัวควบคุม ปุ่ม เป็นสูตรดังนี้:
   Collect(Doodles, {Sketch:MyDoodles.Image})

4. เพิ่มตัวควบคุม แกลเลอรีรูปภาพ ย้ายไปยังด้านล่างของตัวควบคุม ปุ่ม และลดความกว้างของตัวควบคุม แกลเลอรีรูปภาพ จนกว่าจะแสดงสามรายการ

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

6. วาดรูปใน MyDoodles แล้วคลิกหรือแตะตัวควบคุม ปุ่ม

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

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

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

9. ลบภาพวาดโดยการคลิกหรือแตะภาพในตัวควบคุม แกลเลอรีรูปภาพ

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

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

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

ต้องมีความคมชัดของสีที่เพียงพอระหว่าง:

• BorderColor และสีภายนอกตัวควบคุม (ถ้ามีเส้นขอบ)
• Fill และสีภายนอกตัวควบคุม (ถ้าไม่มีเส้นขอบ)

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

• ควรมี AccessibleLabel

  สําคัญ

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

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