在橫向和縱向模式下使用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>