ตัวควบคุม ป้ายกำกับ ใน Power Apps

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

คำอธิบาย

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Text( หมายเลข "FormatCodes" )

ตัวอย่าง

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

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

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

    หมายเหตุ

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

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

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

  1. เพิ่มปุ่ม และตั้งค่าคุณสมบัติ OnSelect เป็นสูตรนี้:
    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population: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:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

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

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

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

  4. ในบานหน้าต่าง Gallery1 ให้ตั้งค่ารายการบนสุดเป็น ประชากร ตั้งค่ารายการตรงกลางเป็น เมือง และตั้งค่ารายการล่างสุดเป็น ประเทศ

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

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

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

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

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

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

  • จำเป็นต้องมี Text

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

    หมายเหตุ

    ตัวอ่านหน้าจอจะถือว่า Label เป็นปุ่ม เมื่อ TabIndex เป็นศูนย์หรือมากกว่า

การรองรับสำหรับผู้ที่มีสายตาเลือนราง

  • Label ควรมีลักษณะเหมือนลิงก์ ถ้ามีการใช้เป็นลิงก์

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

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

หมายเหตุ

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

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