[C#/WINUI3/.NET8] MenuFlyout 엘리먼트 : Placement 속성을 사용해 메뉴 플라이아웃 위치 설정하기

■ MenuFlyout 엘리먼트의 Placement 속성을 사용해 메뉴 플라이아웃 위치를 설정하는 방법을 보여준다.

▶ 예제 코드 (XAML)


<DropDownButton ToolTipService.ToolTip="Alignment">
    <TextBlock
        FontFamily="Segoe MDL2 Assets"
        FontSize="14"
        Text="&#xE8E4;" />
    <DropDownButton.Flyout>
        <MenuFlyout Placement="BottomEdgeAlignedLeft">
            <MenuFlyoutItem Name="menuFlyoutItem1"
                Icon="AlignLeft"
                Text="Left"
                Tag="left" />
            <MenuFlyoutItem Name="menuFlyoutItem2"
                Icon="AlignCenter"
                Text="Center"
                Tag="center" />
            <MenuFlyoutItem Name="menuFlyoutItem3"
                Icon="AlignRight"
                Text="Right"
                Tag="right" />
        </MenuFlyout>
    </DropDownButton.Flyout>
</DropDownButton>

<TextBlock

FontFamily="Segoe MDL2 Assets"

FontSize="14"

Text="" />

<DropDownButton.Flyout>

<MenuFlyoutItem Name="menuFlyoutItem1"

Icon="AlignLeft"

Text="Left"

Tag="left" />

<MenuFlyoutItem Name="menuFlyoutItem2"

Icon="AlignCenter"

Text="Center"

Tag="center" />

<MenuFlyoutItem Name="menuFlyoutItem3"

Icon="AlignRight"

Text="Right"

Tag="right" />

</MenuFlyout>

</DropDownButton.Flyout>

</DropDownButton>