Windows 10でsplitviewをカスタマイズする方法は？

私は現在、SplitViewペインのいくつかのメニューオプションとSplitViewコンテンツセクションのグリッドを含むSplitview Controlに取り組んでいます。分割ビューペインを開くと、そのコンテンツは非表示になります。次のスクリーンショットのように少し動かすことは可能ですか？Windows 10でsplitviewをカスタマイズする方法は？

私の基本的な分割ビューの実装は

<SplitView x:Name="OptionsSplitView" OpenPaneLength="200" PanePlacement="Right" 
      DisplayMode="Overlay"> 

     <SplitView.Pane> 
      <ListView x:Name="OptionsList" 
         Margin="10,10,0,0" 
         Grid.Row="1" 
         VerticalAlignment="Center" 
         ItemContainerStyle="{StaticResource GenericListViewContainerStyle}" 
         ItemTemplate="{StaticResource OptionsListItemTemplate}" 
         SelectionChanged="OptionsList_SelectionChanged"> 
      </ListView> 

     </SplitView.Pane> 
     <SplitView.Content> 
      <Grid/> 
     </SplitView.Content> 
     </SplitView>

であることを示唆してくださいスクリーンショットあたりとして分割ビューをカスタマイズすることが可能ですか？

出典

2016-04-06 Kinjan Bhavsar

splitviewはすべてのコンテンツ領域をカバーしていますか？ –

一部だけではありません。スプリットビューを開くときにコンテンツを左側に移動したいDisplayModeをInlineとして使用しようとしましたが、分割ビューのコンテンツが縮小されています。 –

右に余白を設定するペインが開いているときに、ペインが閉じているときにペインを元に戻すように設定します。ペインの開閉時にイベントを取得するにはhttp://stackoverflow.com/questions/31636440/windows-10-uwp-splitview-paneclosed-event-is-available-but-not-for-paneopened –

ビンゴあたりとしてCompactOverlay、

は、あなただけのコンテンツの右マージンを設定することにより、それを達成することができたときにウィンドウを開いたり閉じたり。

次のリンクを参照してください。ペインを開いてください& close event。

(Windows 10 UWP) SplitView.PaneClosed event is available but not for PaneOpened

出典

2016-04-08 07:34:06

もしあなたが役に立つと思ったら、私の質問にもupvoteを与えてください。:-) –

既に与えられた上司。 –

変更あなたのSplitview DisplayModeCompactInlineにオプションまたはあなたの条件

出典

2016-04-06 07:01:12 Jerin

これは動作しません。ユーザーがメニューアイコンをクリックしたときにこれを実現したい。 –

シフトしたい画面。オプション1つは、あなたの下のコンテンツの上にオーバーレイするはずです – Jerin

はい、ハンバーガーメニューがクリックされたら、左側のコンテンツをシフトしたいと思います。 CompactInlineとCompactOverlayは、ページが表示されたときに表示されるため使用できません。 –

Windows 10でsplitviewをカスタマイズする方法は？

答えて

関連する問題