在XAML中使用ScrollViewer增加Metro应用中整个页面的大小

Question

我需要一个ScrollViewer来垂直滚动页面，但是当我将VerticalScrollBarVisibility更改为true或Auto时，整个页面的大小会增加。HorizantalScroll工作正常。

这是我的代码，我至今尝试过：

<Grid x:Name="PivotMain" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled"> 
     <Grid> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="2*"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition/> 
      </Grid.RowDefinitions> 

      <Grid x:Name="ContentPanel" Grid.Row="1"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="1293*"/> 
        <ColumnDefinition Width="74*"/> 
       </Grid.ColumnDefinitions> 
       <Grid.Background> 
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
         <GradientStop Color="Black" Offset="0"/> 
         <GradientStop Color="#FF00D7FF" Offset="1"/> 
        </LinearGradientBrush> 
       </Grid.Background> 
       <FlipView x:Name="flipviewMain" SelectionChanged="flipviewMain_SelectionChanged" Grid.ColumnSpan="2"> 
        <FlipView.ItemTemplate> 
         <DataTemplate> 
          <Image Source="{Binding imagepath}" Width="Auto" HorizontalAlignment="Stretch" VerticalAlignment="Center" Stretch="Uniform"/> 
         </DataTemplate> 
        </FlipView.ItemTemplate> 
       </FlipView> 
      </Grid> 
      <Grid Background="White" Grid.Row="3"> 
       <StackPanel Grid.Row="3" x:Name="stackPage" Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Center" Margin="0,30,0,0" /> 

      </Grid> 

      <Grid Background="White" Grid.Row="4"> 
       <StackPanel Orientation="Horizontal" Grid.Row="4" Background="White" HorizontalAlignment="Center" Height="45" VerticalAlignment="Top"> 
        <TextBlock Text="New Games" Foreground="Black" FontSize="30" FontWeight="Bold" Margin="0,0,80,0"/> 
        <TextBlock Text="Premium Games" Foreground="Black" FontSize="30" FontWeight="Bold" Margin="0,0,80,0"/> 
        <TextBlock Text="Featured Games" Foreground="Black" FontSize="30" FontWeight="Bold" Margin="0,0,80,0"/> 
       </StackPanel> 
      </Grid> 
      <Grid Background="White" Grid.Row="5"> 

       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto"/> 
        <RowDefinition Height="Auto"/> 
       </Grid.RowDefinitions> 
       <StackPanel HorizontalAlignment="Left" Height="45" VerticalAlignment="Top" > 
        <TextBlock Text="New Games" Foreground="Black" FontSize="30" FontWeight="Bold" /> 
       </StackPanel> 

      </Grid> 
      <ScrollViewer Grid.Row="6" VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Visible"> 
       <Grid Background="White" > 
        <StackPanel Orientation="Horizontal"> 
         <Image Source="images/logo1.jpg"/> 
         <Image Source="images/logo2.jpg" Margin="50,0,0,0"/> 
         <Image Source="images/logo3.jpg" Margin="50,0,0,0"/> 
         <Image Source="images/logo4.jpg" Margin="50,0,0,0"/> 
         <Image Source="images/logo1.jpg" Margin="50,0,0,0"/> 
         <Image Source="images/logo2.jpg" Margin="50,0,0,0"/> 
         <Image Source="images/logo3.jpg" Margin="50,0,0,0"/> 
         <Image Source="images/logo4.jpg" Margin="50,0,0,0"/> 
         <Image Source="images/logo1.jpg" Margin="50,0,0,0"/> 
         <Image Source="images/logo2.jpg"/> 
        </StackPanel> 
       </Grid> 
      </ScrollViewer> 
     </Grid> 
    </ScrollViewer> 
</Grid> 

Answer 1

您可能需要同时设置VerticalScrollBarVisibility和VerticalScrollMode，但更重要的是 - 你嵌套ScrollViewers并给出了无限的空间，所以它可能会导致它变得非常大。否则，你可能需要分享一些截图。