UWP-嵌套导航选项卡?

时间:2020-10-20 01:54:11

标签: c# uwp

我基本上有一个UWP应用,该应用具有顶部导航窗格,例如此处的链接:

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/navigationview

现在,在该链接中,它还显示如下内容:

这是我想要的,但是目前,我不知道如何将其与目前的功能集成。在我的ShellPage.xaml中,我的导航视图具有以下布局。

    <winui:NavigationView.MenuItems>
        <winui:NavigationViewItem x:Uid="Shell_Main" helpers:NavHelper.NavigateTo="views:MainPage" />
        <winui:NavigationViewItem x:Uid="Shell_Config" Icon="Document" helpers:NavHelper.NavigateTo="views:ConfigPage" />
        <winui:NavigationViewItem x:Uid="Shell_Passengers" Icon="Home" helpers:NavHelper.NavigateTo="views:PassengersPage" />
    </winui:NavigationView.MenuItems>

如果我想创建一个子菜单,其中Passengers类似于上面的Collections示例,并有2个子项,例如AdultsChildren,则我不非常了解如何在XAML中实现这一目标。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

没关系!认为我已经解决了(很抱歉这个毫无意义的问题!)。您必须执行以下操作:

       <winui:NavigationViewItem x:Uid="Shell_Passengers" Icon="Document" helpers:NavHelper.NavigateTo="views:PassengersPage">
            <winui:NavigationViewItem.MenuItems>
                <winui:NavigationViewItem x:Uid="Shell_Adults" Icon="Document" helpers:NavHelper.NavigateTo="views:AdultsPage"/>
                <winui:NavigationViewItem x:Uid="Shell_Children" Icon="Document" helpers:NavHelper.NavigateTo="views:ChildrenPage"/>
            </winui:NavigationViewItem.MenuItems>
        </winui:NavigationViewItem>