如何在Windows 10中自定义splitview？

Question

我目前正在开发一个Splitview控件，它包含SplitView窗格中的一些菜单选项和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>

请建议是否可以根据屏幕截图自定义拆分视图？

Answer 1

宾果，

只要Pane打开或关闭，您只需设置内容的右边距即可实现。

请参阅以下链接以获取窗格打开＆amp;关闭事件。

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

Answer 2

根据您的要求，将您的Splitview DisplayMode选项更改为CompactInline或CompactOverlay