UWP：两个拆分视图窗格答案

【问题标题】：UWP: Two Splitview paneUWP：两个拆分视图窗格
【发布时间】：2016-05-11 13:24:08
【问题描述】：

我目前正在使用 UWP、XAML 和 C# 为 Windows 10 构建应用程序。我有一个应用程序，我需要在其中有一个菜单和一个左窗格。请参阅此左侧菜单示例：

图片 - 下一个网络

窗格需要始终打开。这是我目前在我的MainPage.xaml 中拥有的：

<SplitView x:Name="MySplitView" DisplayMode="CompactOverlay"  IsPaneOpen="False" 
               CompactPaneLength="50" OpenPaneLength="200">
        <SplitView.Pane>
            <StackPanel Background="Gray">
                <Button x:Name="HamburgerButton" FontFamily="Segoe MDL2 Assets" Content="&#xE700;"
                    Width="50" Height="50" Background="Transparent" Click="HamburgerButton_Click"/>
                <StackPanel Orientation="Horizontal">
                    <Button x:Name="HomeButton" FontFamily="Segoe MDL2 Assets" Content="&#xE10F;"
                    Width="50" Height="50" Background="Transparent" Click="HomeButton_Click"/>
                    <TextBlock Text="Accueil" FontSize="18" VerticalAlignment="Center" />
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <Button x:Name="CommisButton" FontFamily="Segoe MDL2 Assets" Content="&#xE716;"
                        Width="50" Height="50" Background="Transparent" Click="CommisButton_Click"/>
                    <TextBlock Text="Commis" FontSize="18" VerticalAlignment="Center" />
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <Button x:Name="CommentsButton" FontFamily="Segoe MDL2 Assets" Content="&#xE8BD;"
                        Width="50" Height="50" Background="Transparent" Click="CommentsButton_Click"/>
                    <TextBlock Text="Commentaires" FontSize="18" VerticalAlignment="Center" />
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <Button x:Name="SettingsButton" FontFamily="Segoe MDL2 Assets" Content="&#xE713;"
                        Width="50" Height="50" Background="Transparent" Click="SettingsButton_Click"/>
                    <TextBlock Text="Paramètres" FontSize="18" VerticalAlignment="Center" />
                </StackPanel>
            </StackPanel>
        </SplitView.Pane>
        <SplitView.Content>
            <!-- My Content -->
        </SplitView.Content>
    </SplitView>

我尝试制作另一个SplitView.Pane，但没有成功。我需要一种制作左侧面板的方法，就是这样！

谢谢

【问题讨论】：

无法理解您想要实现的目标。而StackPanel 标记中只有一个SplitView.Pane 就足够了。

标签： xaml win-universal-app splitview uwp-xaml

【解决方案1】：

在您的SplitView.Content 中，添加另一个SplitView。

<SplitView.Content>
    <!-- My Content -->
    <SplitView x:Name="MyRisksPane" IsPaneOpen="True" OpenPaneLength="350" Background="White" DisplayMode="Inline">
        <SplitView.Pane>
            <!-- Your SplitView.Pane content goes here -->
        </SplitView.Pane>
        <SplitView.Content>
            <Frame x:Name="FrameDetailPane"/>
        </SplitView.Content>
    </SplitView>
</SplitView.Content>

【讨论】：

谢谢！我没想到这是可能的。