c# – Windows 10 UWP,NavigationView在BackNavigation上更新选定的MenuItem

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了c# – Windows 10 UWP,NavigationView在BackNavigation上更新选定的MenuItem，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3999字，纯文字阅读大概需要6分钟。

内容图文

我正在编写一个Windows 10 UWP应用程序,并希望将NavigationView与BackRequested事件处理程序结合使用来处理后退导航,但是“GoBack”不会更新所选菜单项,这意味着当我使用后退按钮时所选择的菜单项不会改变.为了解决这个问题,我创建了一个丑陋的foreach循环,使用标记在后面导航中选择MenuItem.这有效,但我想知道是否有更优雅的方式来做到这一点,
GoBack不会触发ItemInvoked或SelectionChanged事件,所以我似乎无法使用它们.

MainPage.xaml中

  <NavigationView x:Name="NavView"
                CompactModeThresholdWidth="1920" ExpandedModeThresholdWidth="1920"
                ItemInvoked="NavView_ItemInvoked"
                SelectionChanged="NavView_SelectionChanged"
                Loaded="NavView_Loaded"
                Canvas.ZIndex="0">

    <NavigationView.MenuItems>
        <NavigationViewItem x:Uid="HomeNavItem" Content="Home" Tag="home">
            <NavigationViewItem.Icon>
                <FontIcon Glyph="&#xE10F;"/>
            </NavigationViewItem.Icon>
        </NavigationViewItem>
        <NavigationViewItemSeparator/>
    </NavigationView.MenuItems>

    <NavigationView.HeaderTemplate>
        <DataTemplate>
            <Grid Margin="24,10,0,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <TextBlock Style="{StaticResource TitleTextBlockStyle}"
                       FontSize="28"
                       VerticalAlignment="Center"
                       Text="Welcome"/>
                            </Grid>
        </DataTemplate>
    </NavigationView.HeaderTemplate>

    <Frame x:Name="ContentFrame" Margin="24">
        <Frame.ContentTransitions>
            <TransitionCollection>
                <NavigationThemeTransition/>
            </TransitionCollection>
        </Frame.ContentTransitions>
    </Frame>

</NavigationView>

MainPage.xaml.cs片段：

        public MainPage()
    {
       this.InitializeComponent();
       // initial page for ContentFrame
       ContentFrame.Navigate(typeof(HomePage));
       ContentFrame.Navigated += MainFrame_Navigated;
       SystemNavigationManager.GetForCurrentView().BackRequested += MainPage_BackRequested;

    }

    private void MainPage_BackRequested(object sender, BackRequestedEventArgs e)
    {
        string tag = null;
        if (!ContentFrame.CanGoBack) return;
        e.Handled = true;
        ContentFrame.GoBack();
        if (ContentFrame.SourcePageType == typeof(HomePage))
        {
            tag = "home";
        }

        foreach (var navViewMenuItem in NavView.MenuItems)
        {
            if (navViewMenuItem is NavigationViewItem item)
            {
                if (item.Tag.Equals(tag)) item.IsSelected = true;
            }
        }               
    }

    private void MainFrame_Navigated(object sender, NavigationEventArgs e)
    {
        SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = ((Frame) sender).CanGoBack
            ? AppViewBackButtonVisibility.Visible
            : AppViewBackButtonVisibility.Collapsed;
    }

解决方法:

NavigationView菜单项本身可以执行除导航之外的其他操作,因此控件“没有理由”跟踪后退导航并相应地更新.但是,您可以设置MenuItems的标记,并将其用于ItemInvoked导航和后退导航.

NavigationView菜单项XAML将包含与目标页面类型名称完全匹配的标记：

<NavigationView Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <NavigationView.MenuItems>
        <NavigationViewItem Content="First" Tag="FirstPage">
            <NavigationViewItem.Icon>
                <FontIcon Glyph="1" FontFamily="Segoe UI"/>
            </NavigationViewItem.Icon>
        </NavigationViewItem>
        <NavigationViewItem Content="Second" Tag="SecondPage">
            <NavigationViewItem.Icon>
                <FontIcon Glyph="2" FontFamily="Segoe UI"/>
            </NavigationViewItem.Icon>
        </NavigationViewItem>
        ...
    </NavigationView.MenuItems>
</NavigationView>

现在,在MainFrame_Navigated方法中,我们可以执行以下操作：

//get the Type of the currently displayed page
var pageName = AppFrame.Content.GetType().Name;
//find menu item that has the matching tag
var menuItem = AppNavigationView.MenuItems
                         .OfType<NavigationViewItem>()
                         .Where(item => item.Tag.ToString() == pageName)
                         .First();
//select
AppNavigationView.SelectedItem = menuItem;

您还可以对ItemInvoked处理程序使用类似的方法：

var invokedMenuItem = sender.MenuItems
                            .OfType<NavigationViewItem>()
                            .Where(item => 
                                 item.Content.ToString() == 
                                 args.InvokedItem.ToString())
                            .First();
var pageTypeName = invokedMenuItem.Tag.ToString();
var pageType = Assembly.GetExecutingAssembly().GetType($"{PageNamespace}.{pageTypeName}");
AppFrame.Navigate(pageType);

其中PageNamespace是一个字符串常量,其中包含存储页面的命名空间的名称.您可以使用nameof安全地更新它,例如：

private const string PageNamespace = nameof(MyApp.Pages);

我准备了一个演示这些建议的示例项目,你可以查看on my GitHub.

内容总结

以上是互联网集市为您收集整理的c# – Windows 10 UWP,NavigationView在BackNavigation上更新选定的MenuItem全部内容，希望文章能够帮你解决c# – Windows 10 UWP,NavigationView在BackNavigation上更新选定的MenuItem所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端