在横向和纵向模式下使用ScrollViewer正确滚动

Question

我是Windows Phone开发新手，因此请和我一起裸照。我有一个简单的Pivot和一个PivotItem，如下所示。

<StackPanel> 
    <controls:Pivot x:Name="TopPivot" Title="Daily Comics" ItemsSource="{Binding ComicsListModel}" SelectionChanged="TopPivot_SelectionChanged" Height="762"> 
      <controls:Pivot.HeaderTemplate> 
       <DataTemplate> 
        <TextBlock Text="{Binding ComicName}"/> 
       </DataTemplate> 
      </controls:Pivot.HeaderTemplate> 
      <controls:Pivot.ItemTemplate> 
       <DataTemplate> 
        <StackPanel> 
         <TextBlock Text="{Binding PubDate}" HorizontalAlignment="Center" VerticalAlignment="Top" /> 
         <ScrollViewer VerticalScrollBarVisibility="Auto"> 
          <Image x:Name="ComicStrip" Source="{Binding ComicImage}" Stretch="UniformToFill" /> 
         </ScrollViewer> 
        </StackPanel> 
       </DataTemplate> 
      </controls:Pivot.ItemTemplate> 
    </controls:Pivot> 
</StackPanel> 

问题是我想让Image（名为“ComicStrip”）垂直滚动，如果它不完全可见。这适用于肖像模式，但不适用于lanscape。在lanscape中，图像只能部分滚动，而图像的底部将不可见。

我认为当我处于lanscape模式时，我必须告诉ScrollViewer它是高度的，但我不知道如何以及如何处理这种用例的最佳做法。尽管如此，似乎是一个基本的用例。

任何意见我应该做什么？

Answer 1

我认为这里的问题是使用StackPanel作为Pivot项目模板！如果你使用网格，你不应该有任何问题。

这个替换您的枢轴项模板：

<controls:Pivot.ItemTemplate> 
    <DataTemplate> 
     <Grid> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto" /> 
       <RowDefinition /> 
      </Grid.RowDefinitions> 
      <TextBlock Text="{Binding PubDate}" /> 
      <ScrollViewer VerticalScrollBarVisibility="Auto" Grid.Row="1"> 
       <Image x:Name="ComicStrip" Source="{Binding ComicImage}" Stretch="UniformToFill" /> 
      </ScrollViewer> 
     </Grid> 
    </DataTemplate> 
</controls:Pivot.ItemTemplate>