แชร์ผ่าน


ตัวควบคุม 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 วัตถุของธีม ดูที่ ชุดรูปแบบ สำหรับความช่วยเหลือเกี่ยวกับวิธีกำหนดค่า

คุณสมบัติ Event

คุณสมบัติ Description
OnExpandSelect สูตรการดำเนินการทริกเกอร์เมื่อเลือกปุ่มแฮมเบอร์เกอร์
OnButtonSelect สูตรการดำเนินการทริกเกอร์เมื่อมีการเลือกปุ่มใดๆ

สำคัญ

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

พฤติกรรม

ขยายและยุบ

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

If( Self.IsExpanded, 200, 46 )

ข้อจำกัด

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