MAUI应用中如何切换页面？是否有其他实现方式？

除了你已经用到的Navigation属性，MAUI里还有几种更灵活的页面切换方案，适配不同场景：

1. Shell路由导航 #

MAUI Shell是官方主推的导航框架，比传统Navigation更简洁，支持路由注册、深层跳转、参数传递，还能自动处理底部标签栏/侧边栏。

步骤示例： #

• 先在AppShell.xaml中注册页面路由：

<ShellContent Title="首页" ContentTemplate="{DataTemplate local:MainPage}" Route="MainPage" />
<ShellContent ContentTemplate="{DataTemplate local:DetailPage}" Route="DetailPage" />

• 跳转页面（任意页面内都能调用，无需依赖当前页面的Navigation）：

// 基础跳转
await Shell.Current.GoToAsync(nameof(DetailPage));

// 带参数跳转
await Shell.Current.GoToAsync($"{nameof(DetailPage)}?ItemId=456");

• 目标页面接收参数（用QueryProperty特性绑定）：

[QueryProperty(nameof(ItemId), "ItemId")]
public partial class DetailPage : ContentPage
{
    public string ItemId { get; set; }

    protected override void OnNavigatedTo(NavigatedToEventArgs args)
    {
        base.OnNavigatedTo(args);
        // 使用ItemId参数
    }
}

适用场景：多页面结构化导航（比如带底部标签的应用、层级页面跳转）。

2. ViewModel绑定式视图切换（MVVM场景） #

如果你的应用采用MVVM架构，可通过绑定CurrentView属性来切换页面内的视图，无需依赖导航栈。

步骤示例： #

• 在主页面XAML中用ContentControl承载动态视图：

<ContentControl Content="{Binding CurrentView}" />

• 定义主ViewModel，包含CurrentView属性：

public class MainViewModel : ObservableObject
{
    private object _currentView;
    public object CurrentView
    {
        get => _currentView;
        set => SetProperty(ref _currentView, value);
    }

    // 切换视图的命令
    public ICommand SwitchToSettingsCommand => new Command(() =>
    {
        CurrentView = new SettingsViewModel();
    });
}

• 在App.xaml中注册ViewModel与View的映射（或用DataTemplate）：

<Application.Resources>
    <DataTemplate DataType="{x:Type viewmodels:SettingsViewModel}">
        <views:SettingsPage />
    </DataTemplate>
</Application.Resources>

适用场景：单页面内多视图切换（比如仪表盘、设置页在同一根页面内切换）、无导航栈需求的场景。

3. 直接替换MainPage（全局根页面切换） #

这种方式会直接替换应用的根页面，重置整个导航栈，适合登录、退出登录这类需要完全切换应用层级的场景。

代码示例： #

// 登录成功后切换到主Shell
Application.Current.MainPage = new AppShell();

// 退出登录切换回登录页
Application.Current.MainPage = new LoginPage();

适用场景：全局根页面切换（登录态切换、应用初始化场景）。

4. Popup弹窗式切换（非全屏页面） #

如果需要弹出临时页面（比如弹窗、底部sheet），可以用MAUI Community Toolkit的Popup组件，无需进入导航栈。

代码示例： #

• 先创建Popup页面：

public class MyPopup : Popup
{
    public MyPopup()
    {
        Content = new VerticalStackLayout
        {
            Children = {
                new Label { Text = "这是弹窗页面" },
                new Button { Text = "关闭", Command = new Command(() => CloseAsync()) }
            }
        };
    }
}

• 在任意页面调用弹出：

await this.ShowPopupAsync(new MyPopup());

适用场景：临时弹窗、选择器、操作确认页等非全屏页面需求。

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