UWP ScrollViewer dans un SplitView.Content ne défile pas

Question

je essaie de construire une application UWP et je les composants suivants:

MainPage:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 

    <Grid.RowDefinitions> 
     <RowDefinition Height="50"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 

    <StackPanel Name="TituloStackPanel" Orientation="Horizontal"> 
     <Button Name="HamburguerButton" Content="&#xE700;" FontFamily="Segoe MDL2 Assets" Height="50" Width="50" Click="HamburguerButton_Click"/> 
     <TextBlock Name="Titulo" Text="Estrutura de Dados" VerticalAlignment="Center" Margin="10"/> 
    </StackPanel> 

    <SplitView Name="PrincipalSplitView" DisplayMode="CompactOverlay" IsPaneOpen="False" 
       CompactPaneLength="50" OpenPaneLength="200" Grid.Row="1"> 
     <SplitView.Pane> 
      <StackPanel> 
       <StackPanel Orientation="Horizontal"> 
        <Button Name="ListasButton" Content="L" Width="50" Height="50" Click="ListasButton_Click"/> 
        <TextBlock Text="Listas" VerticalAlignment="Center" Margin="10"/> 
       </StackPanel> 
       <StackPanel Orientation="Horizontal"> 
        <Button Name="PilhasButton" Content="P" Width="50" Height="50"/> 
        <TextBlock Text="Pilhas" VerticalAlignment="Center" Margin="10"/> 
       </StackPanel> 
       <StackPanel Orientation="Horizontal"> 
        <Button Name="FilasButton" Content="F" Width="50" Height="50"/> 
        <TextBlock Text="Filas" VerticalAlignment="Center" Margin="10"/> 
       </StackPanel> 
      </StackPanel> 
     </SplitView.Pane> 
     <SplitView.Content> 
      <TextBlock Text="SplitView Content" VerticalAlignment="Center" HorizontalAlignment="Center"/> 
     </SplitView.Content> 
    </SplitView> 
</Grid> 

La page suivante sera chargée à l'intérieur du contenu du SplitView. Le ScrollViewer devrait fonctionner comme une barre d'outils sur le côté droit de la fenêtre. Mais quand je redimensionne la fenêtre, le défilement vertical ne fonctionne pas.

plein écran:

redimensionnée:

Answer 1

Le problème est parce que votre SPLITVIEW est en ligne avec le <RowDefinition Height="Auto"/>. Cela rend le SplitView plus élevé que l'écran et ne défile pas en conséquence. Utilisez <RowDefinition Height="*"/> pour cette ligne pour le rendre aussi élevé que l'écran.

<Grid.RowDefinitions> 
     <RowDefinition Height="50"/> 
     <RowDefinition Height="*"/> 
</Grid.RowDefinitions> 

<SplitView Grid.Row="1"> 
    .... 
</SpitView>