ตัวควบคุม รูปร่าง และ ไอคอน ใน Power Apps

กราฟิกที่คุณสามารถตั้งค่าคอนฟิกคุณสมบัติของลักษณะที่ปรากฏและลักษณะการทำงานได้

คำอธิบาย

ตัวควบคุมเหล่านี้รวมถึงลูกศร รูปร่างเรขาคณิต ไอคอนการดำเนินการ และสัญลักษณ์ ซึ่งคุณสามารถตั้งค่าคอนฟิกคุณสมบัติได้ เช่น การเติม ขนาด และตำแหน่ง นอกจากนี้ คุณยังสามารถตั้งค่าคอนฟิกคุณสมบัติ OnSelect เพื่อให้แอปตอบสนอง หากผู้ใช้เลือกตัวควบคุม

คุณสมบัติที่สำคัญ (ไอคอนและรูปร่าง)

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

OnSelect – การดำเนินการเพื่อดำเนินการเมื่อผู้ใช้เลือกตัวควบคุม

คุณสมบัติที่สำคัญ (ไอคอนเท่านั้น)

ไอคอน - ประเภทของไอคอนที่จะแสดง (ตัวอย่างเช่น ArrowDown หรือ ShoppingCart)

Rotation - จำนวนองศาในการหมุนไอคอน

Color - สีของไอคอนตามชื่อหรือค่า RGBA

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

AccessibleLabel – ป้ายชื่อสำหรับตัวอ่านหน้าจอ

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

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

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

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

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

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

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

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

Visible – กำหนดว่าตัวควบคุมปรากฏขึ้น หรือถูกซ่อน

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

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

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

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

Navigate( ScreenName, ScreenTransition )

ตัวอย่าง

1. ตั้งชื่อตัวควบคุม หน้าจอ เริ่มต้นว่า เป้าหมาย เพิ่มตัวควบคุม ป้ายกำกับ แล้วตั้งค่าคุณสมบัติ Text ให้แสดง เป้าหมาย

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

2. เพิ่มตัวควบคุม หน้าจอ และตั้งชื่อเป็น แหล่งข้อมูล

3. ใน แหล่งข้อมูล ให้เพิ่มตัวควบคุม รูปร่าง และตั้งค่าคุณสมบัติ OnSelect ให้เป็นสูตรนี้:

Navigate(Target, ScreenTransition.Fade)

1. กด F5 แล้วจากนั้น เลือกตัวควบคุม รูปร่าง

   หน้าจอ เป้าหมาย จะปรากฏขึ้น

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

Navigate(Source, ScreenTransition.Fade)

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

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

รายการต่อไปนี้ใช้ได้กับกราฟิกที่ใช้เป็นปุ่มเท่านั้น หรือกราฟิกที่ไม่ใช่แค่ไว้สำหรับการตกแต่ง

สำหรับไอคอน:

• Color และ Fill
• ข้อกำหนดความคมชัดของสีมาตรฐาน อื่นๆ จะถูกนำไปใช้ (ถ้าใช้เป็นปุ่ม)

สำหรับรูปร่างที่มีเส้นขอบ:

• BorderColor และสีภายนอกตัวควบคุม
• FocusedBorderColor และสีภายนอกตัวควบคุม (ถ้าใช้เป็นปุ่ม)

สำหรับรูปร่างที่ไม่มีเส้นขอบ:

• Fill และสีภายนอกตัวควบคุม
• PressedFill และสีภายนอกตัวควบคุม (ถ้าใช้เป็นปุ่ม)
• HoverFill และสีภายนอกตัวควบคุม (ถ้าใช้เป็นปุ่ม)

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

• AccessibleLabel ต้องตั้งค่าสำหรับกราฟิกที่สำคัญ

• หากเป็นกราฟิกเพื่อการตกแต่งหรือให้ข้อมูลซ้ำซ้อน ให้ปล่อย AccessibleLabel ว่างหรือตั้งเป็นสตริงว่าง "" โปรแกรมอ่านหน้าจอจะไม่สนใจกราฟิกเหล่านี้

ตัวอย่างเช่น คุณอาจวางไอคอน ล็อค ถัดจาก ป้ายกำกับ ที่บอกว่า ฟอร์มนี้ไม่สามารถแก้ไขได้ คุณไม่จำเป็นต้องมี AccessibleLabel สำหรับไอคอนเพราะว่า Label อธิบายความหมายไว้แล้ว

ข้อสำคัญ

เมื่อ TabIndex เป็นศูนย์หรือมากกว่า ไอคอนหรือรูปร่างจะกลายเป็นปุ่ม รูปลักษณ์ไม่เปลี่ยนแปลง แต่โปรแกรมอ่านหน้าจอจะถือว่าเป็นปุ่ม ซึ่งจะไม่ละเลยตัวควบคุม แม้ว่า AccessibleLabel จะว่างเปล่า เมื่อ TabIndex ต่ำกว่าศูนย์ โปรแกรมอ่านหน้าจอจะปฏิบัติต่อไอคอนหรือรูปร่างเป็นรูปภาพ

การรองรับแป้นพิมพ์

• TabIndex ต้องเป็นศูนย์หรือมากกว่า ถ้าใช้กราฟิกเป็นปุ่ม ผู้ใช้แป้นพิมพ์สามารถนำทางไปได้

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

หมายเหตุ

บอกให้เราทราบเกี่ยวกับภาษาที่คุณต้องการในคู่มือ ทำแบบสำรวจสั้นๆ (โปรดทราบว่าแบบสำรวจนี้เป็นภาษาอังกฤษ)

แบบสำรวจนี้ใช้เวลาทำประมาณเจ็ดนาที ไม่มีการเก็บข้อมูลส่วนบุคคล (คำชี้แจงสิทธิ์ส่วนบุคคล)