SettingsFlyout für UWP (Windows 10)

Question

Ich entwickle gerade eine UWP (Windows 10) -Anwendung, und ich bin dabei, ein Einstellungsfenster für meine Anwendung zu entwickeln.

Ich verstehe, dass es nicht mehr SettingsFlyout, wie dies für UWP Fenster ist 10

Aber ich mag das Aussehen und das Gefühl davon. Gibt es also irgendwelche Möglichkeiten, wie ich ein Settingsflyout von uwp entwickeln könnte?

Answer 1

können Sie die SplitView control nutzen und dessen DisplayMode Eigenschaft auf Overlay und der PanePlacement Eigenschaft 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; 
} 

Answer 2

Ich gebe Ihnen nicht den vollständigen Code, aber ich hoffe, dass diese Ihnen die richtige Richtung gibt:

1. Entwerfen Sie ein Grid-Layout ähnlich dem Flyout-Einstellungen.

2. Verwenden PaneThemeTransition die Animation erhalten rechts

3. Add/das Gitter programmatisch entfernen.