[.NET MAUI][MenuBarItem] 孫メニューを作成する

.NET MAUI

.NET MAUI TIPS

2022.09.10

本記事の概要
孫メニューを作成する
.NET MAUI Tips

本記事の概要

MenuBarItem は、メニューを作成するためのコントロールですが、この記事では、さらに孫メニューを作成する方法について説明します。

公式サイト情報はコチラを参照してください。

孫メニューを作成する

「ファイル」「編集」「ヘルプ」といったルートとなるメニューは、<MenuBarItem> を使用し、その子となるアイテムは <MenuFlyoutSubItem> を使用します。

孫メニューを作成する場合は <MenuFlyoutItem> を使用します。

以下に、XAML で孫メニューを作成する基本例を示します。

XAML の例

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiAppSample.MainPage">

    <ContentPage.MenuBarItems>
        <MenuBarItem Text="ファイル">
            <MenuFlyoutItem Text="終了" />
        </MenuBarItem>
        <MenuBarItem Text="編集">
            <MenuFlyoutItem Text="切り取り" />
            <MenuFlyoutItem Text="コピー" />
            <MenuFlyoutItem Text="貼り付け" />
        </MenuBarItem>
        <MenuBarItem Text="ツール">
            <MenuFlyoutSubItem Text="iOS">
                <MenuFlyoutItem Text="Mac とペアリング" />
                <MenuFlyoutItem Text="デバイスログ" />
            </MenuFlyoutSubItem>
        </MenuBarItem>
        <MenuBarItem Text="ヘルプ">
            <MenuFlyoutItem Text="ヘルプの表示" />
            <MenuFlyoutItem Text="バージョン情報" />
        </MenuBarItem>
    </ContentPage.MenuBarItems>

</ContentPage>

孫メニュー作成の例