Question

我写了一个代码，可以转到不同的页面，并可以使用GoBack（）方法返回。

我的问题是，当我转到页面时，在导航菜单中所选项目的名称旁边会出现一个蓝色条。但是当我返回时，所选项目不会改变。我该怎么办？

我希望我能解释。如果不是，请考虑查看已添加的图像。

谢谢。

这是我的代码。

XAML

<NavigationView x:Name="navSample"
                IsPaneOpen="False"
                SelectionChanged="NavSample_SelectionChanged"
                SelectionFollowsFocus="Enabled" 
                IsBackButtonVisible="Auto"
                BackRequested="NavSample_BackRequested">
    <NavigationView.MenuItems>
        <NavigationViewItem Icon="Play" Content="Item1" x:Name="SamplePage1Item" />
        <NavigationViewItem Icon="Save" Content="Item2" x:Name="SamplePage2Item" />
        <NavigationViewItem Icon="Refresh" Content="Item3" x:Name="SamplePage3Item" />
    </NavigationView.MenuItems>
    <Frame x:Name="contentFrame"/>
</NavigationView>

C＃

private void NavSample_SelectionChanged(NavigationView sender, NavigationViewSelectionChangedEventArgs args)
{
    if (navSample.SelectedItem == SamplePage1Item)
    {
        contentFrame.Navigate(typeof(SamplePage1));
    }
    else if (navSample.SelectedItem == SamplePage2Item)
    {
        contentFrame.Navigate(typeof(SamplePage2));
    }
    else if (navSample.SelectedItem == SamplePage3Item)
    {
        contentFrame.Navigate(typeof(SamplePage3));
    }
    else if (navSample.SelectedItem == navSample.SettingsItem)
    {
        contentFrame.Navigate(typeof(SamplePage2));
    }

    if (contentFrame.CanGoBack)
    {
        navSample.IsBackEnabled = true;
    }
}
private void NavSample_BackRequested(NavigationView sender, NavigationViewBackRequestedEventArgs args)
{
    if (contentFrame.CanGoBack)
    {
        contentFrame.GoBack();

    }
}

也许这些图像可以帮助您更好地理解。

Using Navigation Menu to browse page

Using Navigation Menu to browse page (2)

Using back button and the expectation doesn't fulfill

Answer 1

您可以跟踪当前页面（SamplePage1，SamplePage2..etc），并通过以下方式手动设置所选菜单项：

SamplePage1Item.IsSelected = true;

您可以这样编写逻辑：

private void NavSample_BackRequested(NavigationView sender, NavigationViewBackRequestedEventArgs args)
{
    if (contentFrame.CanGoBack)
    {
        contentFrame.GoBack();

        // setting selected menu 
        if(contentFrame.Content is SamplePage1) SamplePage1Item.IsSelected = true;
        else if(contentFrame.Content is SamplePage2) SamplePage2Item.IsSelected = true;
    }
}

因为contentFrame的内容和所选菜单之间没有链接/关系。您可以通过编程方式设置所选菜单，也可以根据点击而更改。

Answer 2

Dictionary<string, Type> _pages =
        new()
        {
            { "Requests", typeof(Pages.Requests.Requests) },
            { "Shift", typeof(Pages.Shift.Shift) }
        };

    public void NavigationViewItemInvoked(NavigationView navigationView, NavigationViewItemInvokedEventArgs args)
    {
        NavigationViewItem item = (NavigationViewItem)args.InvokedItemContainer;

        if(
            _pages.TryGetValue(item.Name, out Type t) &&
            t != _contentFrame.CurrentSourcePageType)
            switch (args.IsSettingsInvoked)
            {
                case true:
                    _contentFrame.Navigate(typeof(Pages.Settings.Settings));
                    break;

                case false:
                    _contentFrame.Navigate(t);
                    break;
            }
    }

对于它的价值，您还可以为设置添加字典条目。

如何通过UWP中的GoBack（）跟踪所选项目

2 个答案: