UWP - NavigationViewItem - 切换页面

Posted 2023-04-13

【中文标题】UWP - NavigationViewItem - 切换页面

【英文标题】：UWP - NavigationViewItem - Switch Page

【发布时间】：2021-07-15 01:36:02

【问题描述】：

目前，即使通过进一步研究，我也不知道如何通过单击NavigationMenuItems 的动作来更改分配给NavigationView 类的页面。

注意：我只想用C#实现代码开发。

【问题讨论】：

你有什么进展吗？如果问题仍未解决，请随时与我们联系。

【参考方案1】：

1.需要新建多个空白页，如BlankPage1、BlankPage2。过程如下： 右键项目->添加->新建项目->空白页

2.您可以在NavigationView.ItemInvoked事件中获取点击项的名称，然后调用Frame.Navigate方法切换页面。如下：

XAML 代码：

<Page
   ..>
 
    <Grid>
        <NavigationView PaneDisplayMode="Left"  ItemInvoked="NavigationView_ItemInvoked">
            <NavigationView.MenuItems >
                <NavigationViewItem Content="A" x:Name="A" />
                <NavigationViewItem Content="B" x:Name="B" />             
            </NavigationView.MenuItems>
            <Frame x:Name="ContentFrame"/>
        </NavigationView>
    </Grid>
</Page>

后面的代码：

private void NavigationView_ItemInvoked(NavigationView sender, NavigationViewItemInvokedEventArgs args)
        
            var item = args.InvokedItemContainer;
            switch (item.Name)
            
                case "A":
                    ContentFrame.Navigate(typeof(BlankPage1));
                    break;
case "B":
                    ContentFrame.Navigate(typeof(BlankPage2));
                    break;