Question

这是我第一次创建Win10 UWP程序。我有一个带有导航视图和框架的页面。 NavigationView是一个可供选择的列表程序。当用户单击选项之一时，相应的页面将被加载到框架区域中。我尝试下面显示的代码，但是当我单击该项目并加载相应的页面时，该页面将填充整个窗口，而不是仅显示在框架区域中。这导致用户无法从NavigationView中选择其他选项。我该如何解决该问题？

非常感谢！

<Page ...>
    <Grid>
        <NavigationView PaneDisplayMode="Left">
            <NavigationViewItem Content="Item 1" Name="NavigationItem1" />
            ...  // More items here
        </NavigationView>
        <ScrollViewer>
            <Frame Name="ContentFrame"></Frame>
        </ScrollViewer>
    </Grid>
</Page>

在C＃中

private NavigationItem1_Tapped(object sender, TappedRoutedEventargs e)
{
    ContentFrame.Navigate(typeof(Page_1));
    // Page_1 is a Page Object created in the project
}

Answer 1

将ScrollViewer放在NavigationView元素内：

<Page ...>
    <Grid>
        <NavigationView PaneDisplayMode="Left">
            <NavigationView.MenuItems>
                <NavigationViewItem Content="Item 1" Name="NavigationItem1" />
            </NavigationView.MenuItems>
            <ScrollViewer>
                <Frame Name="ContentFrame"></Frame>
            </ScrollViewer>
        </NavigationView>
    </Grid>
</Page>

Using the NavigationView in your UWP applications

UWP将页面加载到框架中

1 个答案: