[WinUI 3][MenuBar] 排他的なメニュー項目をグループ化する

MenuBar

2022.01.24

この記事では排他的なメニュー項目をグループ化する方法について説明します。

環境
グループ化する

環境

開発環境	Microsoft Visual Studio Enterprise 2019 Version 16.11.5
Framework	Microsoft .NET Framework Version 4.8.04161

グループ化する

RadioMenuFlyoutItem はメニューで使用できるラジオボタンですので、グループ化することができます。グループ化する場合は GroupName プロパティを使用し、同意いつのグループにしたいい場合は同じ名前を与えます。

以下に、メニューの「大」「中」「小」と「Large」「Medium」「Small」をグループ分けする XAML の例を示します。

<Window
    x:Class="WinUIAppSample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WinUIAppSample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <StackPanel VerticalAlignment="Top" HorizontalAlignment="Left">
        <MenuBar>
            <MenuBarItem Title="ファイル">
                <MenuFlyoutItem Text="新規" Icon="Add"/>
                <MenuFlyoutItem Text="開く..." Icon="OpenFile"/>
                <MenuFlyoutItem Text="保存" Icon="Save"/>
                <MenuFlyoutSeparator />
                <MenuFlyoutItem Text="終了"/>
            </MenuBarItem>
            <MenuBarItem Title="グループ">
                <RadioMenuFlyoutItem Text="大" GroupName="Group1"/>
                <RadioMenuFlyoutItem Text="中" GroupName="Group1"/>
                <RadioMenuFlyoutItem Text="小" GroupName="Group1"/>
                <MenuFlyoutSeparator />
                <RadioMenuFlyoutItem Text="Large" GroupName="Group2"/>
                <RadioMenuFlyoutItem Text="Medium" GroupName="Group2"/>
                <RadioMenuFlyoutItem Text="Small" GroupName="Group2"/>
            </MenuBarItem>
            <MenuBarItem Title="ヘルプ">
                <MenuFlyoutItem Text="このアプリについて" Icon="Help"/>
            </MenuBarItem>
        </MenuBar>

        <StackPanel>
            
        </StackPanel>
    </StackPanel>
</Window>