Windows 10:多个SplitView.Pane

Question

在我的Windows应用程序中，我希望有两个SplitView.Pane：一个在左边，一个在右边。

我将一个SplitView.Pane添加到我的SplitView中，没有任何问题，但是当我尝试添加第二个SplitView.Pane时，Visual会抱怨

属性窗格设置不止一次。

<SplitView x:Name="MySplitView" DisplayMode="CompactOverlay"  IsPaneOpen="False" 
              CompactPaneLength="0" OpenPaneLength="200">
        <SplitView.Pane>
            <StackPanel Background="Gray">
                <ListView x:Name="listView" Padding="0,5,0,0"/>
            </StackPanel>
        </SplitView.Pane>
        <SplitView.Content>
            <Grid Background="White">
                <WebView x:Name="webProvider"
                 NavigationCompleted="webProvider_NavigationCompleted" />

            </Grid>

        </SplitView.Content>
        <SplitView.Pane>
        <StackPanel Background="Gray">
            <Button x:Name="HamburgerButton" Content="test"
                    Width="50" Height="50" Background="Transparent"/>
        </StackPanel>
        </SplitView.Pane>
    </SplitView>

有办法绕道吗？

答案

罗兰德·肖( Rowland )有一个正确的想法，把一个SplitView放进另一个。这是我用来实现这个安排的XAML。

<SplitView x:Name="MySplitView" DisplayMode="CompactOverlay"  IsPaneOpen="False" 
          CompactPaneLength="0" OpenPaneLength="220">
    <SplitView.Pane>
        <StackPanel Background="#555">
            <ListView x:Name="listView" Padding="0,5,0,0"/>
        </StackPanel>
    </SplitView.Pane>
    <SplitView.Content>

            <SplitView x:Name="RightSplitView" DisplayMode="CompactOverlay" IsPaneOpen="False"   
              FlowDirection="RightToLeft"  CompactPaneLength="0" OpenPaneLength="200">
                <SplitView.Content>
                    <Grid Background="White">
                        <WebView x:Name="webProvider"
             NavigationCompleted="webProvider_NavigationCompleted" />

                    </Grid>
                </SplitView.Content>
                <SplitView.Pane>
                    <StackPanel Background="#555">
                        <ListView x:Name="rightListView" Padding="0,5,0,0"/>
                    </StackPanel>
                </SplitView.Pane>
            </SplitView>

    </SplitView.Content>
</SplitView>

Answer 1

你有两个区域..。在你的密码里。你只能拥有自己的。如果你真的想要两个SplitViews。您必须向页面添加两个控件。