不使用Shell的.NET MAUI页面实现汉堡菜单的可行性咨询

一、能否在不使用Shell的.NET MAUI页面中创建仅含菜单项的非导航汉堡菜单？ #

完全可以。无需依赖Shell，你可以通过以下几种方式实现：

• 使用Button + MenuFlyout：在页面顶部放置汉堡图标按钮，点击时弹出MenuFlyout菜单，菜单仅包含功能菜单项，不关联导航逻辑。
• 使用FlyoutPage：将FlyoutPage的Flyout部分设置为纯菜单页面（仅放菜单项），Detail部分作为主内容页面，点击菜单项时执行对应业务逻辑而非页面导航。
• 自定义侧边栏：用Grid等布局结合动画实现滑入滑出的侧边菜单，内部放置菜单按钮。

二、你提供的XAML代码能否作为汉堡菜单使用？ #

这段代码是FlyoutBase.ContextFlyout，本质是上下文菜单（通常通过右键点击、长按控件触发），并非传统意义上点击汉堡按钮滑出的汉堡菜单，所以不能直接作为汉堡菜单使用。

如果想基于这段代码改造成汉堡菜单，可以调整为通过按钮触发：

<!-- 页面顶部的汉堡按钮 -->
<Button ImageSource="hamburger_icon.png" HorizontalOptions="Start">
    <Button.Flyout>
        <MenuFlyout>
            <MenuFlyoutItem 
                Text="Lookup Items"
                Clicked="MenuFlyoutItem_Clicked"
                CommandParameter="Lookup"
                />

            <MenuFlyoutItem 
                Text="Scanned Items"
                Clicked="MenuFlyoutItem_Clicked"
                CommandParameter="Scanned"
                />
        </MenuFlyout>
    </Button.Flyout>
</Button>

这样点击汉堡按钮时就会弹出菜单，符合汉堡菜单的交互逻辑。

补充：原生侧边滑出效果实现 #

若需要更贴近原生的侧边滑出汉堡菜单，推荐使用FlyoutPage：

<FlyoutPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            x:Class="YourNamespace.MainMenuPage">
    <!-- 侧边菜单区域 -->
    <FlyoutPage.Flyout>
        <ContentPage Title="Menu" BackgroundColor="LightGray">
            <StackLayout Margin="20">
                <Button Text="Lookup Items" Clicked="MenuFlyoutItem_Clicked" CommandParameter="Lookup" Margin="0 10"/>
                <Button Text="Scanned Items" Clicked="MenuFlyoutItem_Clicked" CommandParameter="Scanned" Margin="0 10"/>
            </StackLayout>
        </ContentPage>
    </FlyoutPage.Flyout>
    <!-- 主内容区域 -->
    <FlyoutPage.Detail>
        <ContentPage Title="Main Content">
            <!-- 主内容布局 -->
        </ContentPage>
    </FlyoutPage.Detail>
</FlyoutPage>

代码后台处理Clicked事件时，仅执行对应业务逻辑即可，无需添加导航代码。

内容的提问来源于stack exchange，提问作者BitWiseByteDumb