вертикальной прокрутки на поворотной части страницы

Question

У меня есть проблема прокрутки по вертикали в пределах страницы данных связаны поворота (WP 7.1).

Я попробовал различные решения, размещенные здесь, и на MSDN, но ни один из них не похоже на работу для меня .. У меня есть список новостей объекты в ObservableCollection, что я отображаются на странице поворота. До сих пор так хорошо ...

Я хочу, чтобы иметь возможность прокручивать основной текст новостной статьи, но у вас есть меню и заголовок на странице. Я попытался сделать сетку и окружить прокручиваемый контент Listbox и теперь ScrollViewer, но я не могу прокручивать страницу. Когда я пробую прокрутку, я могу прокрутить пару строк текста, а затем текст возвращается в исходное положение. Очень расстраивает !!!

код Я попытался это:

<!--Pivot Control--> 
    <controls:Pivot x:Name="PivotNews" 
        Grid.Row="2" 
     ItemsSource="{Binding NewsCollection}" > 
     <controls:Pivot.HeaderTemplate> 
      <DataTemplate> 
       <!--<TextBlock Text="Seneste nyheder" />--> 
      </DataTemplate> 
     </controls:Pivot.HeaderTemplate> 
     <controls:Pivot.ItemTemplate> 
      <DataTemplate> 
       <StackPanel> 
        <Grid> 
         <Grid.RowDefinitions> 
          <RowDefinition Height="Auto" /> 
          <RowDefinition Height="*" /> 
          <!--<RowDefinition Height="*" />--> 
         </Grid.RowDefinitions> 
         <Grid x:Name="HeaderLine" 
           Grid.Row ="0"> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="150" /> 
           <ColumnDefinition Width="*" /> 
          </Grid.ColumnDefinitions> 
          <Image Source="{Binding ImageUri}" 
           Grid.Column="0" 
            Height="150"/> 
          <TextBlock Text="{Binding Header}" 
           FontWeight="ExtraBold" 
           FontFamily="{StaticResource PhoneFontFamilyNormal}" 
           TextWrapping="Wrap" 
           Grid.Column="1" 
           Margin="10,0,0,10"/> 
         </Grid> 
         <ScrollViewer x:Name="ScrollViewerNews" Grid.Row="1"> 
          <StackPanel> 
           <TextBlock Text="{Binding SubHeader}" 
            FontFamily="{StaticResource PhoneFontFamilyNormal}" 
            FontWeight="Bold" 
            TextWrapping="Wrap" /> 
           <TextBlock Text="{Binding MainText}" 
         TextWrapping="Wrap" /> 
          </StackPanel> 
         </ScrollViewer> 
        </Grid> 
       </StackPanel> 
      </DataTemplate> 
     </controls:Pivot.ItemTemplate> 
    </controls:Pivot> 

Answer 1

Просто удалите первый StackPanel в вашем ItemTemplate.

Когда вы используете StackPanel, у него есть собственная высота, которая не зависит от высоты страницы, а значение высоты строки «*» пытается вписаться в доступное пространство, то есть в этом случае больше, чем высота страниц.