Windows Phone 8.1中的ScrollViewer中的图像

Question

我有一个FlipView，当用户在其中浏览传单时会显示传单的页面。 我希望用户能够放大页面。 到目前为止，我发现如果将Image包裹在ScrollViewer中并设置ZoomMode = Enabled ，则用户可以缩放。 奇怪的是，如果我放大页面的右侧，当我从屏幕上抬起手指时，它会自动返回到左侧。 任何想法如何解决这个问题？

XAML：

<Grid Name="grRoot">
    <FlipView x:Name="flipView1"
              BorderBrush="Black"
              ItemsSource="{Binding}">

        <FlipView.ItemTemplate>
            <DataTemplate>
                <ScrollViewer ZoomMode="Enabled" MinZoomFactor="1">
                    <Image Source="{Binding url_dotcom}"
                           Stretch="Fill" 
                           Holding="imgHolding"/>
                </ScrollViewer>
            </DataTemplate>
        </FlipView.ItemTemplate>
    </FlipView>
</Grid>

设置FlipView的宽度和高度：

flipView1.Width = Window.Current.Bounds.Width;
flipView1.Height = Window.Current.Bounds.Height;

Answer 1

尝试这样的事情：

<Grid Name="grRoot">
    <FlipView x:Name="flipView1"
              BorderBrush="Black"
              ItemsSource="{Binding}">

        <FlipView.ItemTemplate>
            <DataTemplate>
                <ScrollViewer ZoomMode="Enabled" MinZoomFactor="1"
                              HorizontalScrollBarVisibility="Auto"
                              VerticalScrollBarVisibility="Auto">
                    <Image Source="{Binding url_dotcom}"
                           Stretch="Fill" 
                           Holding="imgHolding"
                           MaxWidth="{Binding ElementName=YourPage, Path=DataContext.Width}"
                           MaxHeight="{Binding ElementName=YourPage, Path=DataContext.Height}"/>
                </ScrollViewer>
            </DataTemplate>
        </FlipView.ItemTemplate>
    </FlipView>
</Grid>

这里有2个重要更改：

• 将ScrollViewer的Horizo​​ntalScrollBarVisibility和VerticalScrollBarVisibility设置为Auto
• 将图像的MaxWidth和MaxHeight绑定到分别通过ViewModel内部的Width和Height公共属性公开的Window.Current.Bounds.Width和Window.Current.Bounds.Height，该ViewModel是该特定页面的DataContext。 这适用于FlipView占用整个页面的情况。 如果您需要FlipView在页面上变小，则根据您期望/需要/想要的大小在ViewModel中设置Width和Height属性。

编辑：我的博客文章中的更多信息为什么我的可缩放ScrollViewer将图像捕捉到左侧？