UWP: две панели Splitview

В настоящее время я создаю приложение для Windows 10, используя UWP, XAML и C#. У меня есть приложение, в котором мне нужно иметь меню и левую панель. См. этот пример левого меню:

TheNextWeb – показывает Square

Изображение – Новый Интернет

Панель должна быть всегда открыта. Это то, что у меня сейчас есть в моем 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, но это не удалось. Мне нужен способ сделать левую панель, вот и все!

Спасибо


xaml splitview uwp-xaml win-universal-app
person Félix Desjardins    schedule 11.04.2016    source источник
comment
не мог понять, чего вы хотите добиться. И в теге SplitView.Pane будет достаточно только одного StackPanel.   -  person Faizan Mubasher    schedule 11.05.2016

Ответы (1)


arrow_upward
3
arrow_downward

В 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>
person Faizan Mubasher    schedule 11.05.2016
comment
Спасибо! Я не думал, что это возможно. - person Félix Desjardins; 15.05.2016