WinUI 3.0 桌面 - C# 页面导航

Question

我正在尝试进行简单的页面导航，但在 WinUI 3.0 中找不到有关如何执行此操作的任何文档。

目前，当我使用 WinUI 3.0 创建一个空白应用程序时，我在 App.xaml.cs 中创建了以下代码

    protected override void OnLaunched(Microsoft.UI.Xaml.LaunchActivatedEventArgs args)
    {
        m_window = new MainWindow();
        m_window.Activate();
    }

    private Window m_window;

虽然在我在网上找到的许多其他示例中，根框架是在上面的 OnLaunched 事件中定义的。

我如何定义 MainWindow.xaml 或 App.xaml 以便我可以获得一个可以在 Page1.xaml 和 Page2.xaml 之间自由切换的框架？

编辑：我现在发现我可以通过调用来检索框架：

    protected override void OnLaunched(Microsoft.UI.Xaml.LaunchActivatedEventArgs args)
    {
        m_window = new MainWindow();
        Frame rootFrame = m_window.Content as Frame;
        m_window.Activate();
        rootFrame.Navigate(typeof(UI.MainMenu));
    }

但 Navigate 失败，出现System.NullReferenceException: 'Object reference not set to an instance of an object.' 错误。 我做错了什么：S？

Answer 1

所以，我设法找到了一种方法来做到这一点。

首先，我创建了一个窗口，我将其称为 NavigationRootWindow。

<Window
x:Class="StackOverflow.UI.NavigationRootWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:StackOverflow.UI"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Grid>
    <Frame x:Name="rootFrame"/>
</Grid>

在这里，我添加了一个名为 rootFrame 的框架。

现在，在应用程序中，我将 onLaunched 函数定义为自动生成，但我确保添加的窗口是根窗口：

    protected override void OnLaunched(Microsoft.UI.Xaml.LaunchActivatedEventArgs args)
    {
        m_window = new UI.NavigationRootWindow();
        m_window.Activate();
    }

    private Window m_window;

现在，在 NavigationRootWindow 的 cs 文件中，我可以导航到我想要的页面文件：

public sealed partial class NavigationRootWindow : Window
{
    public NavigationRootWindow()
    {
        this.InitializeComponent();

        rootFrame.Navigate(typeof(MainMenu));
    }
}

其中 MainMenu 是一个页面元素 :) 现在，在一个页面元素中，您可以调用 this.Frame 来获取当前框架 - 这允许您导航到另一个页面甚至来回导航。 一个例子：

    private void ConnectButton_OnClick(object sender, RoutedEventArgs e)
    {
        this.Frame.Navigate(typeof(SecondMenu));
    }

我不确定这是最佳实践，但它确实有效：D

Answer 2

可能最好创建一个 Frame 对象并分配给 m_window 而不是有一个专用的 xaml 窗口。 我认为你可以简单地这样做：

this.m_window = new Window();
this.m_window.Content = rootFrame = new Frame(); ;
this.m_window.Activate();
rootFrame.Navigate(typeof(MainPage));

您需要将 MainWindow 重命名为 MainPage 并将其根元素类型更改为Page 。

在您的 App 类中，您可以公开一个公共 Navigate 方法，该方法委托给 rootFrame 的 Navigate。 通过这样做，您将能够使用 App.Current 从应用程序的任何位置获取应用程序实例，并使应用程序的根框架在返回堆栈中向前导航。

或者，制作类似 Prism 的导航服务，以在整个应用程序中提供导航服务。