C# 创建一个类似uwp电子邮件应用程序one的设置页面

我想创建一个类似于uwp电子邮件应用程序中使用的设置页面：

我希望有一些像第一张图片中那样的常规设置，因此当我单击其中任何一个时，页面将导航到所选的设置

当前我正在使用my 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
                        HorizontalAlignment="Stretch"
                        HorizontalContentAlignment="Stretch"
                        Background="Transparent"
                        Command="{Binding LogoutCommand}"
                        ToolTipService.ToolTip="Sign out">
                        <Grid Height="40" Margin="-9,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="48" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <SymbolIcon
                                Grid.Column="0"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Symbol="People" />
                            <TextBlock
                                Grid.Column="1"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Center"
                                Text="Sign out" />
                        </Grid>
                    </Button>
                </StackPanel>
            </NavigationView.PaneFooter>
        </NavigationView>
    </Page>  

我想我可以使用一个框架，其中包含常规设置按钮和绑定到它们的某种命令/事件，因此当我单击其中任何一个按钮时，命令/事件将调用

frame.Navigate（pageType）

方法

问题/疑问是：

我不知道怎样才能把主机架放到右边

要仅在单击navigationview设置按钮后显示框架，是否应使用可见性属性

单击窗口内的任何部分后，如何关闭设置？（框架本身除外）

我应该使用框架还是有其他更好的选择

任何帮助都将不胜感激

使用如何？ 它正是为这项任务而设计的

使用PanePlacement属性

使用IsPaneOpen属性

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

---

非常感谢，这正是我想要的