2017-09-29 1 views
0

現在、UWP(Windows 10)アプリケーションを開発しており、アプリケーション用の設定パネルを開発しています。SettingsFlyout for UWP(Windows 10)

私は本当にそれのルックアンドフィールのような、しかしUWPの窓10

Settings flyout

ため、このようなこれ以上SettingsFlyoutがないことを理解しています。それで、私はuwpのsettingsflyoutを開発することができる方法はありますか?

答えて

1

あなたがSplitView controlを使用してOverlayRightからPanePlacementプロパティにそのDisplayModeプロパティを設定することができます。

<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; 
} 

Preview

+0

こんにちは!素晴らしい提案をありがとう!しかし、スプリットビューにヘッダー/タイトルを追加することが可能かどうかは分かりますか?ちょうどsettingsflyoutのように? – thalassophile

+0

XAML要素を 'Pane'プロパティに追加することができます。この例では' StackPanel'であり、ヘッダーを作成することができます。 –

+0

よろしく!レスポンスありがとう! :) – thalassophile

1

することは私はあなたの完全なコードを与えていないのですが、私は、これはあなたに正しい方向を与える願っています:

  1. デザインセッティングフライアウトに似たグリッドレイアウト。

  2. 使用PaneThemeTransitionプログラムでグリッドを追加/削除右

  3. アニメーションを取得します。

+0

あなたは簡単な例を提供することができ、してください?または、ほとんど、私は有効なものを指します... –

関連する問題