ตัวควบคุมกล่องรายการใน Power Apps

รายการที่ผู้ใช้สามารถเลือกหนึ่งหรือหลายรายการ

คำอธิบาย

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

คุณสมบัติสำคัญ

Default – ค่าเริ่มต้นของตัวควบคุมก่อนที่ผู้ใช้จะเปลี่ยนแปลง

Items – แหล่งข้อมูลที่ปรากฏในตัวควบคุม เช่น แกลเลอรี รายการ หรือแผนภูมิ

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

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

AccessibleLabel – ป้ายชื่อสําหรับโปรแกรมอ่านหน้าจอ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ItemPaddingLeft ระยะห่างระหว่างข้อความในกล่องรายการและขอบด้านซ้าย

LineHeight – ระยะห่างระหว่าง ตัวอย่างเช่น บรรทัดของข้อความหรือข้อมูลในรายการ

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

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

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

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

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

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

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

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

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

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

ที่เลือก – เรกคอร์ดข้อมูลที่แสดงรายการที่เลือก

SelectedItems - อ่านอย่างเดียว แสดงตารางข้อมูลของรายการที่เลือกสําหรับกล่องรายการแบบเลือกหลายรายการ

SelectedItemsText - อ่านอย่างเดียว แสดงตารางข้อมูลของข้อความหน่วยข้อมูลที่เลือกสําหรับกล่องรายการแบบหลายรายการ

SelectedText (Deprecated) – ค่าสตริงที่แสดงรายการที่เลือก

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

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

SelectMultiple – กําหนดว่าผู้ใช้สามารถเลือกได้มากกว่าหนึ่งรายการในกล่องรายการหรือไม่

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

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

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

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

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

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

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

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

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

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

Distinct( DataSource, ColumnName )

ตัวอย่าง

1. เพิ่มตัวควบคุม กล่องรายการ ตั้งชื่อว่า CategoryList และตั้งค่าคุณสมบัติ Items เป็นสูตรนี้:
   ["พรม","ไม้เนื้อแข็ง","ไทล์"]

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

   

2. เพิ่มตัวควบคุม ดรอปดาวน์ สามตัว ย้ายตัวควบคุมไปใต้ CategoryList และตั้งชื่อเป็น CarpetList, HardwoodList และ TileList

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

   • CarpetList: ["Caserta Stone Beige","Ageless Beauty Clay", "Lush II Tundra"]

   • HardwoodList: ["Golden Teak","Natural Hickory", "Victoria Mahogany"]

   • TileList: ["Honey Onyx Marble","Indian Autumn Slate", "Panaria Vitality Ceramic"]

     

4. ตั้งค่าคุณสมบัติ Visible ของแต่ละตัวควบคุม ดรอปดาวน์ เป็นหนึ่งในค่าเหล่านี้:

   • CarpetList: If("Carpet" in CategoryList.SelectedItems.Value, true)

   • HardwoodList: If("Hardwood" in CategoryList.SelectedItems.Value, true)

   • TileList: If("Tile" in CategoryList.SelectedItems.Value, true)

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

5. กด F5 จากนั้นเลือกอย่างน้อยหนึ่งรายการใน CategoryList

   ตัวควบคุม ดรอปดาวน์ ที่เหมาะสมจะปรากฏขึ้นตามตัวเลือกของคุณ

   

6. (ไม่บังคับ) กด Esc เพื่อกลับไปยังพื้นที่ทํางานเริ่มต้น

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

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

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

• SelectionColor และ SelectionFill
• SelectionFill และ Fill
• HoverFill และ Fill
• PressedFill และ Fill

นี่เป็นส่วนเพิ่มเติมนอกเหนือจากข้อกําหนดความคมชัดของสีมาตรฐาน

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

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

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

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

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

  Note

  แป้น tab จะนําทางไปยังหรือออกจากกล่องรายการ แป้นลูกศรจะนําทางไปเนื้อหาของกล่องรายการ