แชร์ผ่าน

ตัวควบคุม แถบเลื่อน ใน Power Apps

  • บทความ

ตัวควบคุมที่ผู้ใช้สามารถระบุค่าได้โดยการลากจุดจับ

คำอธิบาย

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

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

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

Max – ค่าสูงสุดที่ผู้ใช้สามารถตั้งค่าแถบเลื่อนหรือการจัดอันดับ

Min – ค่าต่ำสุดที่ผู้ใช้สามารถตั้งค่าแถบเลื่อน

Value – ค่าของตัวควบคุมการป้อนข้อมูล

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

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

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

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

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

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

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

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

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

HandleActiveFill – สีของจุดจับสำหรับแถบเลื่อน เมื่อผู้ใช้เปลี่ยนแปลงค่า

HandleFill – สีของจุดจับ (องค์ประกอบที่เปลี่ยนตำแหน่ง) ในตัวควบคุมตัวสลับหรือแถบเลื่อน

HandleHoverFill – สีของจุดจับในแถบเลื่อน เมื่อผู้ใช้ค้างตัวชี้เมาส์ไว้บนนั้น

HandleSize – เส้นผ่านศูนย์กลางของจุดจับ

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

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

Layout – กำหนดว่าผู้ใช้เลื่อนผ่านแกลเลอรี หรือปรับแถบเลื่อนจากด้านบนไปด้านล่าง (แนวตั้ง) หรือซ้ายไปขวา (แนวนอน)

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

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

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

RailFill – สีพื้นหลังของสี่เหลี่ยมผืนผ้าในตัวควบคุมการสลับเมื่อค่าเป็น เท็จ หรือสีของเส้นทางด้านขวาของจุดจับในตัวควบคุมแถบเลื่อน

RailHoverFill – เมื่อคุณโฮเวอร์บนตัวควบคุมการสลับหรือแถบเลื่อน สีพื้นหลังของสี่เหลี่ยมผืนผ้าในตัวควบคุมการสลับเมื่อค่าเป็นเท็จ หรือสีของเส้นทางด้านขวาของจุดจับในตัวควบคุมแถบเลื่อน

ReadOnly – กำหนดว่าผู้ใช้สามารถเปลี่ยนแปลงค่าของตัวควบคุมแถบเลื่อน หรือตัวควบคุมการจัดอันดับ

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

ShowValue – กำหนดว่าค่าของแถบเลื่อนหรือค่าของการจัดอันดับจะปรากฏขึ้น ขณะที่ผู้ใช้เปลี่ยนแปลงค่านั้นหรือโฮเวอร์เหนือตัวควบคุม

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

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

ValueFill – สีพื้นหลังของสี่เหลี่ยมผืนผ้าในตัวควบคุมการสลับเมื่อค่าเป็น จริง หรือสีของเส้นทางด้านซ้ายของจุดจับในตัวควบคุมแถบเลื่อน

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

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

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

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

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

Sum( Value1, Value2 )

ตัวอย่าง

  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})

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

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

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

  3. เพิ่มแถบเลื่อน ย้ายแถบเลื่อนไปด้านล่างปุ่ม และตั้งชื่อแถบเลื่อนว่า MinPopulation

  4. ตั้งค่าคุณสมบัติ Max ของแถบเลื่อนเป็น 5000000 และคุณสมบัติ Min เป็น 1000000

  5. เพิ่มแกลเลอรีข้อความในการวางแนวในแนวตั้ง/ตามแนวตั้ง ย้ายไปที่ด้านล่างแถบเลื่อน และตั้งค่าคุณสมบัติ Items ของแกลเลอรีเป็นสูตรนี้:
    Filter(CityPopulations, Population > MinPopulation)

  6. ในรายการแรกของแกลเลอรี ตั้งค่าคุณสมบัติ Text ของป้ายชื่อด้านบนเป็น ThisItem.City และตั้งค่าคุณสมบัติ Text ของป้ายชื่อด้านล่างเป็นสูตรนี้:
    Text(ThisItem.Population, "##,###")

  7. กด F5 และจากนั้น ปรับ MinPopulation เพื่อแสดงเฉพาะเมืองที่มีจำนวนประชากรมากกว่าค่าที่คุณระบุ

  8. เพื่อกลับไปยังพื้นที่ทำงานเริ่มต้น กด Esc

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

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

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

  • ValueFill และ RailFill
  • ValueHoverFill และ RailHoverFill
  • FocusedBorderColor และสีนอกตัวควบคุม
  • ValueFill และสีพื้นหลัง
  • RailFill และสีพื้นหลัง
  • ValueHoverFill และสีพื้นหลัง
  • RailHoverFill และสีพื้นหลัง

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

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

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

หมายเหตุ

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

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