UWP的设置FLYOUT(Windows 10)

UWP的设置FLYOUT(Windows 10),uwp,windows-10,flyout,Uwp,Windows 10,Flyout,我目前正在开发一个UWP(windows 10)应用程序,我一直在为我的应用程序开发一个设置面板 我知道UWP windows 10不再有类似的设置 然而,我真的很喜欢它的外观和感觉。因此,我有什么办法可以开发出一个不使用uwp的设置吗?我没有给你完整的代码,但我希望这能给你正确的方向: 设计类似于“设置”弹出按钮的栅格布局 使用窗格Metransition获得正确的动画 以编程方式添加/删除网格 您可以使用并将其DisplayMode属性设置为Overlay,将PanePlacement属性

我目前正在开发一个UWP(windows 10)应用程序,我一直在为我的应用程序开发一个设置面板

我知道UWP windows 10不再有类似的设置


然而,我真的很喜欢它的外观和感觉。因此,我有什么办法可以开发出一个不使用uwp的设置吗?

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

  • 设计类似于“设置”弹出按钮的栅格布局

  • 使用
    窗格Metransition
    获得正确的动画

  • 以编程方式添加/删除网格

  • 您可以使用并将其
    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;
    }
    
    
    专用无效切换设置(对象发送器、路由目标)
    {
    SV_SettingsMenu.IsPaneOpen=!SV_SettingsMenu.IsPaneOpen;
    }
    

    嗨!谢谢你的建议!但是,您是否知道是否可以在splitview中添加标题/标题?就像setingsflyout一样,您可以将任何XAML元素添加到
    窗格
    属性中,在示例中,它是
    StackPanel
    ,您可以在其中创建标题。