UWP的SettingsFlyout（Windows 10）

Question

我目前正在开发一个UWP（Windows 10）应用程序，我很难为我的应用程序开发一个设置面板。

据我所知，对于UWP Windows 10，没有更像这样的SettingsFlyout

然而，我真的很喜欢它的外观和感觉。因此，有什么方法可以开发uwp的settingsfly吗？

Answer 1

我没有给你完整的代码，但我希望这能给你正确的方向：

1. 设计类似于“设置”弹出按钮的网格布局。

2. 使用PaneThemeTransition正确制作动画

3. 以编程方式添加/删除网格。

Answer 2

您可以使用SplitView control并将其DisplayMode属性设置为Overlay，将PanePlacement属性设置为Right。

<SplitView x:Name="SV_SettingsMenu"
           DisplayMode="Overlay"
           PanePlacement="Right"
           >
    <SplitView.Pane>
        <StackPanel>
            <Button Content="Button 1" HorizontalAlignment="Stretch"/>
            <Button Content="Button 2" HorizontalAlignment="Stretch"/>
            <Button Content="Button 3" HorizontalAlignment="Stretch"/>
        </StackPanel>
    </SplitView.Pane>

    <StackPanel Padding="10">
        <Button Click="ToggleSettings">
            <SymbolIcon Symbol="Setting"/>
        </Button>

        <TextBlock Text="Content"/>
    </StackPanel>
</SplitView>


private void ToggleSettings(object sender, RoutedEventArgs e)
{
    SV_SettingsMenu.IsPaneOpen = !SV_SettingsMenu.IsPaneOpen;
}