[C#/WINUI3/UWP/.NET6] MenuFlyout 엘리먼트 : 계단식 메뉴 만들기

icodebroker UWP 2024-06-18

■ MenuFlyout 엘리먼트에서 계단식 메뉴를 만드는 방법을 보여준다.

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Padding="5"
        Content="File Options">
        <Button.Flyout>
            <MenuFlyout>
                <MenuFlyoutItem Text="Open" />
                <MenuFlyoutSubItem Text="Send to">
                    <MenuFlyoutItem Text="Bluetooth" />
                    <MenuFlyoutItem Text="Desktop (shortcut)" />
                    <MenuFlyoutSubItem Text="Compressed file">
                        <MenuFlyoutItem Text="Compress and email" />
                        <MenuFlyoutItem Text="Compress to .7z" />
                        <MenuFlyoutItem Text="Compress to .zip" />
                    </MenuFlyoutSubItem>
                </MenuFlyoutSubItem>
            </MenuFlyout>
        </Button.Flyout>
    </Button>
</Page>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center"

Padding="5"

Content="File Options">

<Button.Flyout>

</MenuFlyoutSubItem>

</MenuFlyout>

</Button.Flyout>

</Button>

</Page>

TestProject.zip

.NET6 C# CONTROL UWP WINUI3

icodebroker

[C#/WINUI3/UWP/.NET6] MenuFlyout 엘리먼트 : 계단식 메뉴 만들기

분류

가장 많이 읽힌 글

보관함