เพิ่มหน้าจอ

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

หน้าจอใหม่ต่อไปนี้พร้อมใช้งาน:

• หน้าจอต้อนรับ
• ส่วนหัวและแกลเลอรี
• คำขออนุมัติ

เพิ่มหน้าจอใหม่

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

1. ลงชื่อเข้าใช้ Power Apps
2. สร้างแอปพื้นที่ทำงานในรูปแบบแท็บเล็ต
3. ใน Power Apps Studio บนแถบคำสั่ง เลือก หน้าจอใหม่ จากนั้นเลือกหน้าจอ
4. เมื่อเสร็จแล้ว สามารถดูตัวอย่างแอปและดูว่าแอปแสดงบนอุปกรณ์ต่างๆ อย่างไร ข้อมูลเพิ่มเติม ดูที่ พรีวิวแอป

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

หน้าจอต้อนรับ

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

หน้าจอต้อนรับ ประกอบด้วยตัวควบคุมต่อไปนี้:

• คอนเทนเนอร์ส่วนหัว
  • ส่วนหัว
• คอนเทนเนอร์เนื้อหา
  • คอนเทนเนอร์
    • คอนเทนเนอร์รูปภาพ
      • รูปภาพ (คลาสสิก)
    • คอนเทนเนอร์ชื่อเรื่อง
      • ปุ่มรายการคุณลักษณะ
      • ข้อความ

เพิ่มและปรับแต่งหน้าจอต้อนรับ

1. ใน Power Apps Studio เลือก เพิ่มหน้าจอ > หน้าจอต้อนรับ
2. ในการเปลี่ยนรูปภาพ ให้เลือกรูปภาพ จากนั้นเลือก แก้ไข
3. เลือกปุ่มควบคุม รายการคุณลักษณะ และเพิ่มข้อความของคุณเอง
4. เลือก คำอธิบายสั้นๆ หรือข้อความที่น่าสนใจ และแก้ไขข้อความคำอธิบาย
5. หากต้องการเพิ่มไทล์ ในมุมมองโครงสร้าง ให้คัดลอกและวางรายการ คอนเทนเนอร์
6. หากต้องการลบไทล์ ในมุมมองโครงสร้าง ให้คลิกขวาที่ คอนเทนเนอร์ และเลือก ลบ

หน้าจอส่วนหัวและแกลเลอรี

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

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

หน้าจอ ส่วนหัวและแกลเลอรี มีตัวควบคุมต่อไปนี้:

• คอนเทนเนอร์ส่วนหัว
  • ส่วนหัว
• คอนเทนเนอร์หลัก
  • แกลเลอรี (คลาสสิก)
    • คอนเทนเนอร์รูปภาพ
      • รูปภาพ (คลาสสิก)
  • คอนเทนเนอร์ชื่อเรื่อง
    • ข้อความชื่อเรื่อง
    • ข้อความคำอธิบาย
  • คอนเทนเนอร์ปุ่ม
    • Button

เพิ่มและปรับแต่งหน้าจอส่วนหัวและแกลเลอรี

1. ใน Power Apps Studio เลือก เพิ่มหน้าจอ > ส่วนหัวและแกลเลอรี

2. ในมุมมองโครงสร้าง ให้เลือก แกลเลอรี และเชื่อมต่อกับแหล่งข้อมูล เช่น Dataverse

3. เลือกตัวควบคุมเฉพาะภายในแกลเลอรี เช่น รูปภาพ ข้อความชื่อเรื่อง และข้อความคำอธิบาย

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

หน้าจอคำขออนุมัติ

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

หน้าจอ คำขออนุมัติ ประกอบด้วยตัวควบคุมต่อไปนี้:

• คอนเทนเนอร์ส่วนหัว
  • ส่วนหัว
• คอนเทนเนอร์หลัก
  • คอนเทนเนอร์ฟอร์ม
    • ข้อความชื่อเรื่องของฟอร์ม
    • ฟอร์มการอนุมัติ
    • ปุ่มส่ง
  • คอนเทนเนอร์แถบด้านข้าง
    • ข้อความ
    • แกลเลอรี (คลาสสิก)

เพิ่มและปรับแต่งหน้าจอคำขออนุมัติ

1. ใน Power Apps Studio เลือก เพิ่มหน้าจอ > คำขออนุมัติ

2. ในมุมมองโครงสร้าง ให้เลือก ฟอร์มการอนุมัติ และเชื่อมต่อกับแหล่งข้อมูล เช่น Dataverse

3. หากต้องการดูรายละเอียดของขั้นตอนการอนุมัติ ในมุมมองโครงสร้าง ให้เลือก ReviewersGallery และในบานหน้าต่างคุณสมบัติ ให้เลือก ขั้นสูง แท็บแล้วไปที่ รายการ

   รายละเอียดต่อไปนี้เป็นส่วนหนึ่งของลำดับขั้นการอนุมัติ:

   • ชื่อ: ชื่อของลำดับขั้นหรือผู้อนุมัติ

   • ชื่อเรื่อง: คำบรรยายของลำดับขั้นหรือผู้อนุมัติ

   • สถานะ: สถานะของลำดับขั้น

   • ปัจจุบัน: ระบุว่านี่คือลำดับขั้นปัจจุบันของคำขออนุมัติหรือไม่

     คุณยังสามารถเพิ่มเวิร์กโฟลว์การอนุมัติ Power Automate ในปุ่มเพื่อแจ้งผู้อนุมัติได้ สำหรับข้อมูลเพิ่มเติม โปรดดู สร้างและทดสอบเวิร์กโฟลว์การอนุมัติด้วย Power Automate

เรียงลำดับหน้าจอใหม่

เมื่อคุณมีมากกว่าหนึ่งหน้าจอ คุณสามารถเรียงลำดับใหม่ได้

ในบานหน้าต่างด้านซ้าย ให้เลื่อนเมาส์ไปเหนือหน้าจอที่คุณต้องการย้ายขึ้นหรือลง จากนั้นเลือก ย้ายขึ้น หรือ ย้ายลง

หมายเหตุ

ใช้คุณสมบัติ StartScreen เพื่อกำหนดว่าจะแสดงหน้าจอใดก่อน

เพิ่มการนำทาง

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

1. เมื่อเลือกหน้าจอ ให้เลือก แทรก และในชนิดกล่องค้นหา เลือก ลูกศรถัดไป

2. (ไม่บังคับ) ย้ายลูกศรให้ไปปรากฏที่มุมขวาล่างของหน้าจอ

3. ด้วยลูกศรที่เลือก ตั้งค่าคุณสมบัติ OnSelect เป็นฟังก์ชัน การนำทาง

   

   เมื่อผู้ใช้เลือกลูกศร หน้าจอ เป้าหมาย จะค่อยๆ ปรากฏขึ้นมา

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

   Navigate(Target, ScreenTransition.Fade)

   หมายเหตุ

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

ข้อมูลเพิ่มเติม

การอ้างอิงการควบคุมหน้าจอ

หมายเหตุ

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

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