Thành phần kiểm soát ExpandMenu (thử nghiệm)

[Bài viết này là tài liệu trước khi phát hành và có thể thay đổi.]

Một thành phần kiểm soát được dùng để tạo trải nghiệm điều hướng.

Quan trọng

• Đây là một tính năng thử nghiệm.
• Các tính năng thử nghiệm không được dùng cho sản xuất và có thể có chức năng bị hạn chế. Những tính năng này khả dụng trước khi có bản phát hành chính thức để khách hàng có thể truy cập sớm và cung cấp phản hồi.

Description

Menu bung rộng giống như các thành phần Nav được dùng để điều hướng, chứa đường liên kết đến các khu vực chính của một ứng dụng hoặc trang web. Bạn cũng có thể bung rộng và thu gọn menu, để người dùng có thể chọn tăng thêm không gian nếu họ muốn. Bạn nên dùng thành phần kiểm soát ExpandMenu với vùng chứa bố cục để đảm bảo trải nghiệm phản hồi nhanh do bản chất của trải nghiệm này là thay đổi chiều rộng khi ứng dụng được mở.

Thành phần canvas này bắt chước kiểu và tính chất limited của thành phần kiểm soát Nav trong Fluent UI.

Thuộc tính

Thuộc tính khóa

Thuộc tính	Description
Items	Một tập dữ liệu hiển thị các mục trong menu.
IsNavigationEnabled	Bật để điều hướng đến Screen được chỉ định của mục khi chọn
DefaultExpandValue	Liệu thành phần kiểm soát có được bung rộng khi tải hay không

Thuộc tính Items

Thuộc tính	Description
Label	Văn bản cần hiển thị ở mục trong menu.
Icon	Biểu tượng trong Fluent UI theo tên
Screen	Màn hình ứng dụng mà mục sẽ điều hướng đến khi được chọn.

Thuộc tính Items mẫu:

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
    }
)

Thuộc tính kiểu

Thuộc tính	Description
Theme	Đối tượng Chủ đề. Xem chủ đề để biết hướng dẫn về cách đặt cấu hình.

Thuộc tính sự kiện

Thuộc tính	Description
OnExpandSelect	Công thức hành động được kích hoạt khi biểu tượng menu được chọn
OnButtonSelect	Công thức hành động được kích hoạt khi nút bất kỳ được chọn

Quan trọng

Những giá trị màn hình trong mã mẫu trước là lấy từ một mẫu nên có thể không tồn tại trong ứng dụng của bạn. Hãy nhớ thay thế các giá trị màn hình bằng tên màn hình trong ứng dụng của bạn khi thích hợp.

Hành vi

Bung rộng và thu gọn

Đặt thuộc tính Width thành biểu thức sau đây. Bạn có thể điều chỉnh chiều rộng dựa trên độ phân giải của ứng dụng.

If( Self.IsExpanded, 200, 46 )

Giới hạn

Chỉ có thể sử dụng thành phần canvas này trong ứng dụng canvas và trang tùy chỉnh.