如何在Windows10中自定义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

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

Answer 2

宾果，

只要在打开或关闭窗格时设置内容的右边距即可实现。

请参阅下方 link 以获取窗格打开和关闭事件。