[C#/UWP] MenuBar 엘리먼트 : 하위 메뉴, 분리자, 라디오 항목 사용하기

icodebroker MICROSOFT 2024-06-19

■ MenuBar 엘리먼트에서 하위 메뉴, 분리자, 라디오 항목을 사용하는 방법을 보여준다.

▶ MainPage.xaml


<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <StackPanel
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Spacing="10">
            <TextBlock Name="textBlock"
                HorizontalAlignment="Center"
                Text="" />
            <muxc:MenuBar>
                <muxc:MenuBarItem Title="파일">
                    <MenuFlyoutSubItem Text="새 파일">
                        <MenuFlyoutItem Text="텍스트 문서" Click="menuFlyoutItem_Click" />
                        <MenuFlyoutItem Text="RTF 문서"    Click="menuFlyoutItem_Click" />
                        <MenuFlyoutItem Text="다른 포맷"   Click="menuFlyoutItem_Click" />
                    </MenuFlyoutSubItem>
                    <MenuFlyoutItem Text="파일 열기" Click="menuFlyoutItem_Click" />
                    <MenuFlyoutItem Text="저장"      Click="menuFlyoutItem_Click" />
                    <MenuFlyoutSeparator />
                    <MenuFlyoutItem Text="종료"      Click="menuFlyoutItem_Click" />
                </muxc:MenuBarItem>
                <muxc:MenuBarItem Title="편집">
                    <MenuFlyoutItem Text="실행 취소" Click="menuFlyoutItem_Click" />
                    <MenuFlyoutItem Text="잘라내기"  Click="menuFlyoutItem_Click" />
                    <MenuFlyoutItem Text="복사하기"  Click="menuFlyoutItem_Click" />
                    <MenuFlyoutItem Text="붙여넣기"  Click="menuFlyoutItem_Click" />
                </muxc:MenuBarItem>
                <muxc:MenuBarItem Title="보기">
                    <MenuFlyoutItem Text="출력" Click="menuFlyoutItem_Click" />
                    <MenuFlyoutSeparator />
                    <muxc:RadioMenuFlyoutItem
                        GroupName="OrientationGroup"
                        Text="가로"
                        Click="menuFlyoutItem_Click" />
                    <muxc:RadioMenuFlyoutItem
                        GroupName="OrientationGroup"
                        Text="세로"
                        IsChecked="True"
                        Click="menuFlyoutItem_Click" />
                    <MenuFlyoutSeparator />
                    <muxc:RadioMenuFlyoutItem
                        GroupName="SizeGroup"
                        Text="작은 아이콘"
                        Click="menuFlyoutItem_Click" />
                    <muxc:RadioMenuFlyoutItem
                        GroupName="SizeGroup"
                        Text="중간 아이콘"
                        IsChecked="True"
                        Click="menuFlyoutItem_Click" />
                    <muxc:RadioMenuFlyoutItem
                        GroupName="SizeGroup"
                        Text="큰 아이콘"
                        Click="menuFlyoutItem_Click" />
                </muxc:MenuBarItem>
                <muxc:MenuBarItem Title="도움말">
                    <MenuFlyoutItem Text="정보"
                        Click="menuFlyoutItem_Click" />
                </muxc:MenuBarItem>
            </muxc:MenuBar>
        </StackPanel>
    </Grid>
</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

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

<Page x:Class="TestProject.MainPage"

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

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

xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Spacing="10">

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

Text="" />

<muxc:MenuBar>

<muxc:MenuBarItem Title="파일">

</MenuFlyoutSubItem>

</muxc:MenuBarItem>

<muxc:MenuBarItem Title="편집">

</muxc:MenuBarItem>

<muxc:MenuBarItem Title="보기">

<muxc:RadioMenuFlyoutItem

GroupName="OrientationGroup"

Text="가로"