在Xamarin.Forms中实现点击按钮切换AppShell显示状态

直接用Shell内置的ToggleFlyoutAsync()方法就能搞定，步骤如下：

1. 在Shell页面添加自定义切换按钮 #

因为你已经禁用了默认导航栏，所以可以通过Shell.TitleView来添加自定义顶部栏和切换按钮，或者直接在页面布局里放置按钮：

<Shell xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       x:Class="YourApp.AppShell"
       Shell.NavBarIsVisible="False">

    <!-- 自定义顶部区域（包含切换按钮） -->
    <Shell.TitleView>
        <HorizontalStackLayout Padding="12,8" Spacing="8">
            <Button Text="☰" 
                    Clicked="OnToggleDrawerClicked"
                    BackgroundColor="Transparent"
                    FontSize="18" />
            <Label Text="我的应用" 
                   VerticalOptions="Center"
                   FontSize="16"
                   FontAttributes="Bold" />
        </HorizontalStackLayout>
    </Shell.TitleView>

    <!-- 侧边抽屉内容 -->
    <FlyoutItem Title="首页">
        <ShellContent ContentTemplate="{DataTemplate local:MainPage}" />
    </FlyoutItem>
    <FlyoutItem Title="设置">
        <ShellContent ContentTemplate="{DataTemplate local:SettingsPage}" />
    </FlyoutItem>

</Shell>

2. 编写切换逻辑 #

在Shell的后台代码里，给按钮的点击事件绑定处理方法，调用ToggleFlyoutAsync()即可自动切换抽屉的显示/隐藏状态：

private async void OnToggleDrawerClicked(object sender, EventArgs e)
{
    await Shell.Current.ToggleFlyoutAsync();
}

如果用MVVM模式 #

可以在ViewModel里定义一个命令，同样调用这个方法：

public ICommand ToggleDrawerCommand => new Command(async () =>
{
    await Shell.Current.ToggleFlyoutAsync();
});

然后在XAML里绑定命令：

<Button Text="☰" 
        Command="{Binding ToggleDrawerCommand}"
        BackgroundColor="Transparent" />

这个方法会自动识别当前抽屉的状态，显示时点击就隐藏，隐藏时点击就显示，完全符合你的需求。

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