ตัวควบคุม รูปภาพ ใน Power Apps

ตัวควบคุมที่แสดงรูปภาพ ตัวอย่างเช่น จากไฟล์ภายในเครื่องหรือแหล่งข้อมูล

คำอธิบาย

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

คุณสมบัติของคีย์

รูปภาพ – ชื่อหรือ URL ของรูปภาพที่ปรากฏในรูปภาพ เสียง หรือตัวควบคุมไมโครโฟน

หมายเหตุ

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

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

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

ApplyEXIFOrientation – กำหนดว่าจะนำการวางแนวที่ระบุไว้ในข้อมูล EXIF ที่ฝังซึ่งมีรูปภาพไปใช้โดยอัตโนมัติหรือไม่

AutoDisableOnSelect – ปิดใช้งานตัวควบคุมโดยอัตโนมัติในขณะที่ลักษณะการทำงาน OnSelect กำลังดำเนินการอยู่

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

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

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

CalculateOriginalDimensions – เปิดใช้งานคุณสมบัติ OriginalHeight และ OriginalWidth

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

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

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

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

FlipHorizontal – กำหนดว่าจะสลับรูปภาพในแนวนอนก่อนการแสดงหรือไม่

FlipVertical – กำหนดว่าจะสลับรูปภาพในแนวตั้งก่อนการแสดงหรือไม่

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

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

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

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

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

ImagePosition – ตำแหน่ง (Fill ปรับให้พอดี ยืด Tile หรือ กึ่งกลาง) ของรูปภาพในหน้าจอหรือตัวควบคุม ถ้าไม่ได้มีขนาดเดียวกับรูปภาพ

ImageRotation – วิธีหมุนรูปภาพก่อนการแสดง ค่าสามารถเป็นไม่มี ตามเข็มนาฬิกา (CW) 90 องศา ทวนเข็มนาฬิกา (CCW) 90 องศา และตามเข็มนาฬิกา 180 องศา

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

OriginalHeight – ความสูงเดิมของรูปภาพ ที่เปิดใช้งานด้วยคุณสมบัติ CalculateOriginalDimensions

OriginalWidth – ความกว้างเดิมของรูปภาพ ที่เปิดใช้งานด้วยคุณสมบัติ CalculateOriginalDimensions

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

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

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

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

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

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

RadiusBottomLeft – องศาที่มุมล่างซ้ายของตัวควบคุมจะถูกปัดเศษ

RadiusBottomRight – องศาที่มุมล่างขวาของตัวควบคุมจะถูกปัดเศษขึ้น

RadiusTopLeft – องศาที่มุมบนซ้ายของตัวควบคุมจะถูกปัดเศษ

RadiusTopRight – องศาที่มุมบนขวาของตัวควบคุมจะถูกปัดเศษ

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

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

Transparency – ระดับที่ตัวควบคุมที่อยู่หลังรูปภาพยังคงมองเห็นได้ ค่าทศนิยมอยู่ในช่วงตั้งแต่ 0 ถึง 1 โดยที่ 0 คือทึบแสง 0.5 คือกึ่งโปร่งใสและ 1 เป็นโปร่งใส

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

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

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

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

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

Remove( DataSource, ThisItem )

ตัวอย่าง

แสดงรูปภาพจากไฟล์ภายในเครื่อง

1. บนเมนู ไฟล์ ให้คลิกหรือแตะ Media และจากนั้น คลิกหรือแตะ เรียกดู

2. คลิกหรือแตะไฟล์รูปภาพที่คุณต้องการเพิ่ม คลิกหรือแตะ เปิด และจากนั้น กด Esc เพื่อย้อนกลับไปยังพื้นที่ทำงานเริ่มต้น

3. เพิ่มตัวควบคุม รูปภาพ และตั้งค่าคุณสมบัติ รูปภาพ เป็นชื่อไฟล์ที่คุณเพิ่ม

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

   ตัวควบคุม รูปภาพ จะแสดงรูปภาพที่คุณระบุ

แสดงชุดของรูปภาพจากแหล่งข้อมูล

1. ดาวน์โหลด ไฟล์ Excel นี้ แล้วบันทึกไปบนอุปกรณ์ภายในเครื่องของคุณ

2. ใน Power Apps Studio ให้สร้างหรือเปิดแอป แล้วจากนั้น คลิกหรือแตะ เพิ่มแหล่งข้อมูล ในบานหน้าต่างด้านขวา

   ถ้า เพิ่มแหล่งข้อมูล ไม่ปรากฎในบานหน้าต่างด้านขวา ให้คลิกหรือแตะหน้าจอในแถบนำทางด้านซ้าย

3. คลิกหรือแตะ เพิ่มข้อมูลแบบคงที่ไปยังแอปของคุณ คลิกหรือแตะไฟล์ Excel ที่คุณดาวน์โหลด แล้วจากนั้น คลิกหรือแตะ เปิด

4. เลือกกล่องกาเครื่องหมาย การประเมินวัสดุปูพื้น แล้วจากนั้น คลิกหรือแตะ เชื่อมต่อ

5. เพิ่มตัวควบคุม แกลเลอรี พร้อมกับรูปภาพ แล้วตั้งค่าคุณสมบัติ Items เป็น FlooringEstimates

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

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

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

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

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

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

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

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

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

ข้อสำคัญ

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

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

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

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

หมายเหตุ

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

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