title: A Simple Photo Album with Pinch and Zoom using FlipView
body: <p>I'm trying to create a simple photo album (Windows Store App) using Flip View. </p>
  
  <p>I have the Image element embedded within a ScrollViewer. I'm able to browse through the photos, but I'm looking to do the following things.</p>
  
  <ul>
  <li>The image should fill the height of the screen uniformly [when the image is not zoomed]. I get vertical scrollbars for few items. I dont have this problem when the height of all the images are the same.</li>
  <li>When I change the orientation of the screen, a part of the image is clipped on the right side.</li>
  <li>The scrollviewer should forget the zoom level (reset zoom factor to 1) when I move between pages.</li>
  </ul>
  
  <p>This is the code I have right now. What Am I doing wrong? And what should I add in my EventHandler to reset my ScrollViewer's zoom factor.</p>
  
  <pre><code>&lt;FlipView 
      Name="MainFlipView"
      Margin="0"
      Height="{Binding ActualHeight, ElementName=pageRoot, Mode=OneWay}"
      Width="{Binding ActualWidth, ElementName=pageRoot, Mode=OneWay}"
      Background="Black"&gt;
           &lt;FlipView.ItemTemplate&gt;
                &lt;DataTemplate&gt;
                    &lt;ScrollViewer Name="myScrollViewer" ZoomMode="Enabled"
                                  Height="{Binding ActualHeight, ElementName=pageRoot, Mode=OneWay}"
                                  Width="{Binding ActualWidth, ElementName=pageRoot, Mode=OneWay}"
                                  HorizontalAlignment="Center"
                                  VerticalAlignment="Center"
                                  HorizontalScrollBarVisibility="Auto"
                                  VerticalScrollBarVisibility="Auto"
                                  MinZoomFactor="0.5"
                                  MaxZoomFactor="2.5"
                                  Margin="0" &gt;
                         &lt;Image Source="{Binding Path=Image}"
                                Name="MainImage" Stretch="Uniform" /&gt;
                    &lt;/ScrollViewer&gt;
              &lt;/DataTemplate&gt;
          &lt;/FlipView.ItemTemplate&gt;
      &lt;/FlipView&gt;
  </code></pre>