รูปลักษณ์ใหม่ที่ทันสมัยของแอปแบบจำลอง

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

สำคัญ

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

รูปลักษณ์ใหม่ที่ทันสมัย

นี่คือสิ่งที่คุณคาดหวังได้จากประสบการณ์ใหม่ที่ทันสมัย:

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

แถบคำสั่ง

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

หน้ามุมมอง

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

การเปลี่ยนแปลงที่สำคัญที่สุดในหน้ามุมมอง คือ การเปลี่ยนจากกริดแบบอ่านอย่างเดียวไปเป็น ตัวควบคุมกริด Power Apps ซึ่งมีการเลื่อนแบบไม่สิ้นสุดสำหรับประสบการณ์การเรียกดูข้อมูลที่ทันสมัย กริดนี้ยังปรากฏใน Sub-grid และกริดที่เกี่ยวข้องในฟอร์มหลักและแดชบอร์ดด้วย การควบคุมกริด Power Apps ยังสนับสนุนการแก้ไขแบบอินไลน์โดยใช้คุณสมบัติ Enable filtering ผู้สร้างสามารถกำหนดค่ากริดที่แก้ไขได้ด้วยตนเองเพื่อใช้การควบคุมกริดของ Power Apps

ตัวอย่างต่อไปนี้แสดงหน้ามุมมองที่มีรูปลักษณ์ใหม่ที่ทันสมัย

เพจฟอร์ม

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

ตัวอย่างต่อไปนี้แสดงหน้าฟอร์มที่มีรูปลักษณ์ใหม่ที่ทันสมัย

ตัวควบคุมฟิลด์

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

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

ตัวอย่างต่อไปนี้แสดงชุดของฟิลด์ที่มีรูปลักษณ์ใหม่ที่ทันสมัย

หน้าแดชบอร์ด

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

ตัวควบคุมแผนภูมิ

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

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

<Chart CustomColorOverride="true">

ข้อจำกัดที่ทราบ

รูปลักษณ์ใหม่ที่ทันสมัยสำหรับแอปแบบจำลองมีข้อจำกัดบางประการ:

รูปลักษณ์ภายนอกเบราว์เซอร์ที่ทันสมัยและแปลกใหม่

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

การสลับธีมหรือการเปิดใช้งานโหมดมืด

ยังไม่รองรับการสลับธีมหรือเปิดใช้งานโหมดสีเข้มในตอนนี้

ยกย่องธีมแบบคลาสสิก

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

ไอคอนแบบกำหนดเอง

รองรับเฉพาะไอคอน SVG หากคุณใช้รูปแบบอื่น เช่น PNG การนำทางจะไม่แสดงและไอคอนเริ่มต้นจะปรากฏขึ้นแทน

คำถามที่ถามบ่อย (FAQs)

ฉันสามารถใช้รูปลักษณ์ของใหม่ที่ทันสมัยใน Power Apps component framework หรือในส่วนประกอบโค้ดที่กำหนดเองได้หรือไม่

ธีมสมัยใหม่ที่ใช้งานอยู่จะถูกส่งผ่านไปยังส่วนประกอบ Power Apps Component Framework ช่วยให้คุณสามารถ จัดสไตล์ส่วนประกอบของคุณด้วยธีมสมัยใหม่

ฉันสามารถใช้รูปลักษณ์แบบใหม่ที่ทันสมัยในหน้าแบบกำหนดเองได้หรือไม่

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

ฉันสามารถเปลี่ยนสีส่วนหัวของแอปได้หรือไม่

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

ทำงานด้วยรูปลักษณ์ใหม่ที่ทันสมัย

ให้ข้อคิดเห็นเกี่ยวกับรูปลักษณ์ใหม่ที่ทันสมัย

หลังจากใช้รูปลักษณ์ใหม่ที่ทันสมัยในแอปแบบจำลองของคุณแล้ว บอกเราว่าคุณคิดอย่างไรเกี่ยวกับแอปนี้ใน ฟอรัมชุมชน Power Apps

การจัดการการเริ่มใช้เปิดตลอดเวลา

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

เปลี่ยนกลับเป็น UI แบบเก่า

ผู้ใช้ในช่องทางรายครึ่งปีสามารถเปลี่ยนกลับไปใช้ UI เก่าได้โดยการปิดการสลับ รูปลักษณ์ใหม่ ผู้สร้างยังสามารถปิดรูปลักษณ์ใหม่ได้โดยอัปเดตการตั้งค่าแอป

เรียนรู้เพิ่มเติมเกี่ยวกับการปิดรูปลักษณ์แบบใหม่ที่ทันสมัยใน จัดการการตั้งค่าแอปแบบจำลองในตัวออกแบบแอป

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

1. เปิด https://make.powerapps.com/

2. ใต้ โซลูชัน ให้เปิดโซลูชันที่มีอยู่ซึ่งมีแอปแบบจำลองอย่างน้อยหนึ่งแอป:

3. เลือก เพิ่มที่มีอยู่>เพิ่มเติม>การตั้งค่า

4. ค้นหา รูปลักษณ์ใหม่

5. เลือก รูปลักษณ์ใหม่สำหรับแอปแบบจำลอง

6. เลือก เพิ่ม เพื่อเพิ่มลงในโซลูชันของคุณ

7. เลือก รูปลักษณ์ใหม่สำหรับแอปแบบจำลอง จาก Solution Explorer

8. อัปเดต การตั้งค่าสภาพแวดล้อม เป็น ไม่ใช่

9. เลือก บันทึก

10. เผยแพร่การกำหนดเองทั้งหมด

    หมายเหตุ

    หากคุณกำลังใช้รุ่นปี 2023 เวฟ 2 และต้องการปิดรูปลักษณ์ใหม่ ให้อัปเดตการตั้งค่า ลองใช้รูปลักษณ์ใหม่

การเปิดใช้งานรูปลักษณ์ที่ทันสมัยสำหรับแอปของฉันและการลบปุ่มสลับเปิดปิด

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

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

1. เปิด https://make.powerapps.com/
2. ใต้ โซลูชัน ให้เปิดโซลูชันที่มีอยู่ซึ่งมีแอปแบบจำลองอย่างน้อยหนึ่งแอป:
3. เลือก เพิ่มที่มีอยู่>เพิ่มเติม>การตั้งค่า
4. ค้นหา เปิดรูปลักษณ์ใหม่ตลอดเวลา
5. เลือก เปิดรูปลักษณ์ใหม่ตลอดเวลา
6. เลือก เพิ่ม เพื่อเพิ่มลงในโซลูชันของคุณ
7. เลือก เปิดรูปลักษณ์ใหม่ตลอดเวลา จากตัวสำรวจโซลูชัน
8. อัปเดต การตั้งค่าสภาพแวดล้อม เป็น ใช่
9. เลือก บันทึก
10. เผยแพร่การกำหนดเองทั้งหมด