创建一个设置页面，如 uwp 电子邮件应用程序之一

Question

我想创建一个设置页面，就像在 uwp 电子邮件应用程序中使用的那样：我想要一些像第一张图片一样的常规设置，所以当我点击其中任何一个时，页面会导航到所选设置。目前我在我的 MainPage.xaml 中使用导航视图，如下所示：   <Page       x:Class="TestApp.UWP.MainPage"       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"       xmlns:d="http://schemas.microsoft.com/expression/blend/2008"       xmlns:local="using:TestApp.UWP"       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"       x:Name="MainContentPage"       Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"       DataContext="{Binding Home, Source={StaticResource Locator}}"       mc:Ignorable="d">        <NavigationView            x:Name="NavigationView"            Background="{ThemeResource SystemControlBaseLowAcrylicWindowBrush}"            CompactModeThresholdWidth="1280"            ExpandedModeThresholdWidth="1280"            IsBackButtonVisible="Collapsed"            IsBackEnabled="False"            IsSettingsVisible="True"            MenuItemsSource="{Binding NavigationItems, Mode=OneWay}"            SelectedItem="{Binding SelectedItem, Mode=TwoWay}">            <NavigationView.PaneFooter>                <StackPanel>                    <Button                        </Grid>                    </Button>                </StackPanel>            </NavigationView.PaneFooter>        </NavigationView>    </Page>  我在想我可以使用一个包含常规设置按钮和绑定到它们的某种命令/事件的框架，所以当我单击其中任何一个时，命令/事件将调用该Frame.Navigate(pageType)方法问题/疑问是：我不知道如何将主框架放在右侧要仅在单击导航视图设置按钮后显示框架，我应该使用 Visibility 属性吗？单击窗口内的任何部分后如何关闭设置？（框架本身除外）我应该使用框架还是有其他更好的选择？任何帮助，将不胜感激

Answer 1

使用SplitView怎么样？它专为这项任务而设计。

1. 使用 PanePlacement 属性

2. 使用 IsPaneOpen 属性

3. 这是 splitview 的默认行为（覆盖模式）