WinUI 3.0 桌面 - C# 页面导航

问题描述

我正在尝试进行简单的页面导航，但在 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));
    }

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

解决方法

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

首先，我创建了一个窗口，我将其称为 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