ExpandMenu 제어 (실험)

아티클
03/21/2023

[이 문서는 시험판 문서이며 변경될 수 있습니다.]

탐색 환경을 만드는 데 사용되는 컨트롤입니다.

ExpandMenu 컨트롤.

중요

이 기능은 실험 기능입니다.
실험적 기능은 생산용으로 만들어진 것이 아니므로 제한될 수 있습니다. 이런 기능은 공식 릴리스 전에 사용할 수 있으므로 고객이 조기에 액세스하고 피드백을 제공할 수 있습니다.

Description

확장 메뉴는 앱이나 사이트의 주요 영역에 대한 링크로 구성된 탐색을 제공하는 데 사용되는 Nav 구성 요소와 같습니다. 메뉴를 확장하거나 축소할 수도 있어 사용자가 원할 경우 더 많은 공간을 확보할 수 있습니다. ExpandMenu 컨트롤은 앱이 재생될 때 다양한 너비의 특성으로 인해 경험이 응답하도록 하려면 레이아웃 컨테이너와 함께 사용해야 합니다.

이 캔버스 구성 요소는 유창한 UI Nav 컨트롤의 스타일 및 제한된 동작을 모방합니다.

속성

키 속성

Property	Description
`Items`	메뉴의 항목을 표시하는 데이터 세트입니다.
`IsNavigationEnabled`	선택 시 항목의 지정된 `Screen` 탐색 활성화
`DefaultExpandValue`	로드 시 컨트롤이 확장되는지 여부

Items 속성

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

스타일 속성

Property	Description
`Theme`	테마 개체. 설정 방법은 테마 설정을 참고하세요.

이벤트 속성

Property	Description
`OnExpandSelect`	햄버거 버튼 선택 시 실행되는 동작 수식
`OnButtonSelect`	단추 중 하나가 선택될 때 트리거되는 동작 수식

중요

이전 예제 코드의 화면 값은 샘플에서 가져온 것이며 앱에 없을 수도 있습니다. 화면 값을 앱의 화면 이름으로 적절하게 대체했는지 확인합니다.

동작

확장 및 축소

Width 속성을 다음 식으로 설정합니다. 너비 값은 앱의 해상도에 따라 조정할 수 있습니다.

If( Self.IsExpanded, 200, 46 )

제한 사항

이 캔버스 구성 요소는 캔버스 앱 및 사용자 정의 페이지에서만 사용할 수 있습니다.

다음을 통해 공유