ดูตัวอย่างแอป

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

หากต้องการดูตัวอย่างแอป ให้เปิดแอปเพื่อแก้ไขใน Power Apps Studio ในเมนูการดำเนินการ เลือก ดูตัวอย่างแอป

ใช้ตัวเลือกดูตัวอย่างเพื่อดูว่าแอปของคุณมีลักษณะอย่างไรบนอุปกรณ์ต่างๆ โดยใช้ตัวเลือกอุปกรณ์

คำอธิบายสัญลักษณ์:

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

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

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

การตั้งค่าการแสดง

ลักษณะการทำงานของแอปของคุณกับตัวเลือกการแสดงตัวอย่างแต่ละตัวเลือกจะพิจารณาจากชนิดของแอปและการตั้งค่าการแสดงผลของคุณ

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

• ภายใต้การตั้งค่าการแสดง:

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

ปัญหาที่ทราบกัน

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

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