2

我正在尝试做一个简单的页面导航，但我无法在 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？

4

2 回答 2

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));

您需要重命名MainWindowtoMainPage并将其根元素类型更改为Page.

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

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

于 2021-11-29T19:26:09.163 回答
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

于 2021-06-21T19:36:03.023 回答