ตัวควบคุมป้ายชื่อใน Power Apps

กล่องที่แสดงข้อมูล เช่น ข้อความ ตัวเลข วันที่ หรือสกุลเงิน

คำอธิบาย

ป้ายชื่อแสดงข้อมูลที่คุณระบุเป็นสตริงข้อความสัญพจน์ ซึ่งปรากฏขึ้นตามที่คุณพิมพ์ หรือเป็นสูตรที่ประเมินสตริงข้อความ ป้ายชื่อมักจะปรากฏอยู่ภายนอกตัวควบคุมอื่นๆ (เช่น แบนเนอร์ที่ระบุหน้าจอ) เป็นป้ายชื่อที่ระบุตัวควบคุมอื่น (เช่น ตัวควบคุมการจัดอันดับหรือเสียง) หรือในแกลเลอรีเพื่อแสดงชนิดข้อมูลเฉพาะเกี่ยวกับรายการ

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

AutoHeight – ตั้งค่าเป็น true เพื่ออนุญาตให้ป้ายชื่อปรับความสูงโดยอัตโนมัติเพื่อแสดงข้อความทั้งหมด ตั้งค่าเป็น false เพื่อตัดข้อความตามความสูงที่กําหนด

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

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

Text – ข้อความที่ปรากฏบนตัวควบคุมหรือชนิดผู้ใช้ในตัวควบคุม

DelayOutput – ตั้งเป็น true เพื่อหน่วงเวลาการดําเนินการระหว่างการป้อนข้อความ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Live – วิธีที่โปรแกรมอ่านหน้าจอประกาศการเปลี่ยนแปลงค่าของคุณสมบัติ ข้อความ ของป้ายชื่อ

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

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

Overflow – กําหนดว่าแถบเลื่อนปรากฏในป้ายชื่อหรือไม่ถ้าคุณสมบัติ Wrap ถูกตั้งค่าเป็น true และค่าของคุณสมบัติ Text ของตัวควบคุมมีอักขระมากกว่าที่ตัวควบคุมสามารถแสดงได้ในครั้งเดียว

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Wrap – กําหนดว่าข้อความควรตัดเป็นหลายบรรทัดหรือไม่

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

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

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

Text( Number, "FormatCodes" )

ตัวอย่าง

แสดงสตริงสัญพจน์

• เพิ่มป้ายชื่อ และตั้งค่าคุณสมบัติ Text เป็น "Hello, world" (รวมถึงเครื่องหมายอัญประกาศคู่)

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

แสดงผลลัพธ์ของสูตร

• เพิ่มป้ายชื่อ และตั้งค่าคุณสมบัติ Text เป็นสูตรเช่นสูตรนี้:
  Today()

  Note

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

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

แสดงข้อมูลในแกลเลอรี

ในขั้นตอนนี้ คุณจะสร้างคอลเลกชันที่เรียกว่า CityPopulations ที่มีข้อมูลเกี่ยวกับจํานวนประชากรในเมืองต่างๆ ในยุโรป ถัดไป คุณจะแสดงข้อมูลนั้นในแกลเลอรีที่ประกอบด้วยสามป้ายชื่อ และคุณจะระบุชนิดข้อมูลที่แต่ละป้ายชื่อจะแสดง

1. เพิ่มปุ่ม และตั้งค่าคุณสมบัติ OnSelect เป็นสูตรนี้:
   ClearCollect(CityPopulations, {City:"London", ประเทศ:"สหราชอาณาจักร", ประชากร:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:160200}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"อิตาลี", Population:1344000})

2. กด F5 เลือกปุ่ม จากนั้นกด Esc

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

   เมื่อเลือกแกลเลอรี บานหน้าต่างด้านขวาจะแสดงตัวเลือกสําหรับแกลเลอรีนั้น

4. ในบานหน้าต่าง Gallery1 ให้ตั้งค่ารายการบนสุดเป็น Population ตั้งค่ารายการตรงกลางเป็น City และตั้งค่ารายการล่างสุดเป็น Country

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

แม้ว่าจะมีชื่อ แต่ไม่จําเป็นต้องใช้ตัวควบคุม ป้ายชื่อ เป็นป้ายชื่อสําหรับตัวควบคุมอื่น ซึ่งสามารถใช้เพื่อแสดงส่วนใด ๆ ของข้อความ

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

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

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

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

การสนับสนุนโปรแกรมอ่านหน้าจอ

• จําเป็นต้องมีข้อความ

• Live ควรตั้งค่าเป็น สุภาพ หรือ ยืนยัน ถ้าโปรแกรมอ่านหน้าจอควรประกาศการเปลี่ยนแปลงค่าของคุณสมบัติ ข้อความ

  Note

  โปรแกรมอ่านหน้าจอจะถือว่า Labels เป็นปุ่มเมื่อ TabIndex เป็นศูนย์หรือมากกว่า

การสนับสนุนสําหรับผู้ที่มีสายตาเลว

• ป้ายชื่อ ควรมีลักษณะเหมือนลิงก์ ถ้าใช้เป็นลิงก์
  • ตั้งค่าขีดเส้นใต้เป็นจริง
  • HoverColor ควรแตกต่างจาก สี

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

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