ตัวควบคุม หน้าจอ ใน Power Apps

องค์ประกอบ UI ที่ประกอบด้วยตัวควบคุมอื่นๆ อย่างน้อยหนึ่งรายการในแอป

คำอธิบาย

แอปส่วนใหญ่มีตัวควบคุม หน้าจอ หลายรายการที่ประกอบด้วยตัวควบคุม ป้ายกำกับ ตัวควบคุม ปุ่ม และตัวควบคุมอื่นๆ ที่แสดงข้อมูลและสนับสนุนการนำทาง สำหรับข้อมูลเกี่ยวกับวิธีเพิ่มหน้าจอ จัดเรียงหน้าจอใหม่ และตั้งค่าคอนฟิกการนำทาง ให้ตรวจทาน เพิ่มหน้าจอ

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

BackgroundImage – ชื่อของไฟล์รูปภาพที่ปรากฏในพื้นหลังของหน้าจอ

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

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

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

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

LoadingSpinner (ไม่มี ตัวควบคุม หรือ Data) - เมื่อไม่มี ตัวหมุนจะไม่ปรากฏ เมื่อเป็นตัวควบคุม | ข้อมูล จะแสดงสปินเนอร์ จนกว่าจะเห็นตัวควบคุมรองทั้งหมดในระดับหน้าจอ หมายเหตุ ตัวควบคุมที่ซ้อนกันจะไม่ได้รับการพิจารณา

LoadingSpinnerColor - สีสำหรับการเติมของตัวหมุนการโหลด

Name - ชื่อของหน้าจอ

OnHidden – พฤติกรรมของแอปเมื่อผู้ใช้นำทางออกจากหน้าจอ หากมีการเปิดใช้งาน ปิดใช้งานกฎ App.OnStart ที่ไม่มีการบล็อก ในการตั้งค่าแอป คุณสมบัตินี้อาจต้องรอจนกว่า App.OnStart จะดำเนินการเสร็จสิ้น โดยค่าเริ่มต้น การตั้งค่านี้เปิดใช้งาน

OnVisible – พฤติกรรมของแอปเมื่อผู้ใช้นำทางไปยังหน้าจอ ใช้คุณสมบัตินี้เพื่อตั้งค่าตัวแปรและโหลดข้อมูลล่วงหน้าที่หน้าจอใช้ ใช้คุณสมบัติ App.OnStart สำหรับการตั้งค่าหนึ่งครั้ง เมื่อเริ่มต้นแอป หากเปิดใช้งาน App.OnStart ที่ไม่มีการบล็อก เหตุการณ์ Screen.OnVisible จะสามารถทำงานพร้อมกันได้ ด้วยเหตุนี้ ขอแนะนำให้หลีกเลี่ยงการพึ่งพาตัวแปรหรือคอลเลกชันที่เริ่มต้นโดย App.OnStart เนื่องจากอาจไม่ได้เริ่มต้นอย่างสมบูรณ์

Orientation - การวางแนวของหน้าจอ ถ้า Width มากกว่า Height การวางแนวจะเป็น Layout.Horizontal มิฉะนั้น จะเป็น Layout.Vertical

Size - จำนวนเต็มบวกที่จำแนกขนาดของหน้าจอ การจำแนกถูกกำหนดโดยการเปรียบเทียบคุณสมบัติ Width ของหน้าจอกับค่าในคุณสมบัติ App.SizeBreakpoints ชนิด ScreenSize ประกอบด้วยค่าสี่ค่า (เล็ก กลาง ใหญ่ และ ใหญ่พิเศษ) ที่สอดคล้องกับจำนวนเต็ม 1 ถึง 4

Width - ความกว้างของหน้าจอ หากแอปตอบสนอง (ปรับขนาดให้พอดี เป็น ปิด) และอุปกรณ์ที่แอปกำลังทำงานนั้นแคบกว่าคุณสมบัตินี้ หน้าจอสามารถเลื่อนในแนวนอนได้

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

Distinct( DataSource, ColumnName )

ตัวอย่าง

1. เพิ่มตัวควบคุม ปุ่มตัวเลือก ตั้งชื่อเป็น ScreenFills และตั้งค่าคุณสมบัติ Items เป็นค่านี้:

   ["Red", "Green"]

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

2. ตั้งชื่อตัวควบคุม หน้าจอ เริ่มต้นเป็น แหล่งที่มา เพิ่มตัวควบคุม หน้าจอ อีกหนึ่งรายการ และตั้งชื่อเป็น เป้าหมาย

3. ใน แหล่งที่มา ให้เพิ่มตัวควบคุม รูปร่าง (เช่น ลูกศร) และตั้งค่าคุณสมบัติ OnSelect เป็นสูตรนี้:

   Navigate(Target, ScreenTransition.Fade)

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

4. ใน เป้าหมาย ให้เพิ่มตัวควบคุม รูปร่าง (เช่น ลูกศร) และตั้งค่าคุณสมบัติ OnSelect เป็นสูตรนี้:

   Navigate(Source, ScreenTransition.Fade)

5. ตั้งค่าคุณสมบัติ Fill ของ เป้าหมาย เป็นสูตรนี้:

   If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))

6. เลือกหน้าจอ แหล่งที่มา และจากนั้น ในขณะที่กดปุ่ม Alt ค้างไว้ ให้เลือกตัวเลือกใดตัวเลือกหนึ่งในตัวควบคุม ปุ่มตัวเลือก และจากนั้น เลือกตัวควบคุม รูปร่าง

   เป้าหมาย ปรากฏเป็นสีที่คุณเลือก

7. ใน เป้าหมาย เลือกตัวควบคุม รูปร่าง เพื่อกลับไปยัง แหล่งที่มา

8. (ตัวเลือกเพิ่มเติม) เลือกตัวเลือกอื่นๆ ในตัวควบคุม ปุ่มตัวเลือก แล้วเลือกตัวควบคุม รูปร่าง เพื่อยืนยันว่า เป้าหมาย ปรากฏเป็นสีอื่น

9. (ตัวเลือกเพิ่มเติม) เรียงลำดับหน้าจอใหม่โดยวางเมาส์เหนือ เป้าหมาย ในแถบนำทางด้านซ้าย เลือกจุดไข่ปลาที่ปรากฏขึ้น และจากนั้น เลือก ขยับขึ้น

   เป้าหมาย ปรากฏขึ้นเป็นอันดับแรก เมื่อผู้ใช้เปิดแอป

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

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

เมื่อ Screen เป็นพื้นหลังที่มีประสิทธิภาพสำหรับข้อความ ต้องมีความคมชัดของสีที่เพียงพอระหว่าง:

• Fill และข้อความ
• BackgroundImage และข้อความ (ถ้ามี)

ตัวอย่างเช่น ถ้า หน้าจอ ประกอบด้วย ป้ายกำกับ และป้ายชื่อมีการเติมสีแบบโปร่งใส จากนั้น Fill ของหน้าจอจะกลายเป็นสีพื้นหลังสำหรับป้ายชื่ออย่างมีประสิทธิภาพ

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

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

• ต้องมีชื่อที่สื่อความหมายของแต่ละ Screen ชื่อของหน้าจอสามารถดูและแก้ไขได้ในลักษณะเดียวกับตัวควบคุมอื่น: ในมุมมองแบบทรีของบานหน้าต่างตัวควบคุม หรือในส่วนหัวของบานหน้าต่างคุณสมบัติ

  หมายเหตุ

  เมื่อ Screen ใหม่ถูกโหลด ตัวอ่านหน้าจอจะประกาศชื่อ