ExpandMenu การควบคุม (การทดลอง)

[บทความนี้เป็นคู่มือรุ่นก่อนวางจำหน่าย และอาจจะมีการเปลี่ยนแปลงในอนาคต]

ตัวควบคุมที่ใช้เพื่อสร้างประสบการณ์การนำทาง

ตัวควบคุม ExpandMenu

สำคัญ

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

Description

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

องค์ประกอบพื้นที่ทำงานนี้เลียนแบบลักษณะและการทำงาน จำกัด ของ ตัวควบคุม Fluent UI Nav

คุณสมบัติ

คุณสมบัติที่สำคัญ

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

Items คุณสมบัติ

พร็อพเพอร์ตี Description
Label ข้อความที่จะแสดงในรายการเมนู
Icon ไอคอน Fluent UI ตามชื่อ
Screen หน้าจอแอปที่จะนำไปยังเมื่อเลือกรายการนั้น

คุณสมบัติ Items ตัวอย่าง:

Table(
    {
        Icon: "PowerApps", 
        Label: "Power Apps", 
        Screen:PowerAppsScreen
    },{
        Icon: "PowerBILogo", 
        Label: "Power BI", 
        Screen:PowerBIScreen
    },{
        Icon: "PowerAutomateLogo", 
        Label: "Power Automate", 
        Screen:PowerAutomateScreen
    },{
        Icon: "Dataverse", 
        Label: "Dataverse", 
        Screen:DataverseScreen
    }
)

คุณสมบัติ Style

พร็อพเพอร์ตี Description
Theme วัตถุของธีม ดูที่ ชุดรูปแบบ สำหรับความช่วยเหลือเกี่ยวกับวิธีกำหนดค่า

คุณสมบัติของเหตุการณ์

พร็อพเพอร์ตี Description
OnExpandSelect สูตรการทำงานที่ถูกเรียกใช้เมื่อเลือกปุ่มแฮมเบอร์เกอร์
OnButtonSelect สูตรการทำงานจะถูกเรียกใช้เมื่อเลือกปุ่มใดก็ได้

สำคัญ

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

พฤติกรรม

ขยายและยุบ

ตั้งค่าคุณสมบัติ Width เป็นนิพจน์ต่อไปนี้ ค่าความกว้างสามารถปรับได้ตามความละเอียดของแอป

If( Self.IsExpanded, 200, 46 )

ข้อจำกัด

ส่วนประกอบของพื้นที่ทำงานนี้ใช้ได้เฉพาะในแอปพื้นที่ทำงานและหน้าที่กำหนดเองเท่านั้น