在wp7中缩放和滚动图像

Question

在此先感谢...

在我的WP7应用程序中，我使用了以下代码来缩放图像。

<Image Name="imgThumbnail" Width="480" Height="740" VerticalAlignment="Center" HorizontalAlignment="Center" RenderTransformOrigin="0.5, 0.5" CacheMode="BitmapCache"> 
    <Image.RenderTransform> 
     <CompositeTransform x:Name="transform" /> 
    </Image.RenderTransform> 
    <toolkit:GestureService.GestureListener> 
     <toolkit:GestureListener PinchDelta="OnPinchDelta" PinchStarted="OnPinchStarted" /> 
    </toolkit:GestureService.GestureListener> 
</Image> 

private void OnPinchStarted(object sender, PinchStartedGestureEventArgs e) 
{ 
    var image = sender as System.Windows.Controls.Image; 
    if (image == null) return; 
    var transform = image.RenderTransform as CompositeTransform; 
    if (transform == null) return; 
    initialScale = transform.ScaleX; 
} 
private void OnPinchDelta(object sender, PinchGestureEventArgs e) 
{ 
    var image = sender as System.Windows.Controls.Image; 
    if (image == null) return; 
    var transform = image.RenderTransform as CompositeTransform; 
    if (transform == null) return; 
    transform.ScaleX = initialScale * e.DistanceRatio; 
    transform.ScaleY = initialScale * e.DistanceRatio; 
} 

缩放工作正常，但我无法滚动图像。添加滚动查看器时，缩放功能无法正常工作。什么是问题，我该如何解决这个问题？

Answer 1

尝试使用这个库洛朗比尼翁做掐上的图像&变焦：https://multitouch.codeplex.com/ - 它处理你需要一个“真正的”掐&变焦性能的计算。

的代码看起来是这样的：

<Image CacheMode="BitmapCache" Name="imgThumbnail" Margin="0,0,0,80" Source="test.jpg"> 
     <i:Interaction.Behaviors> 
      <behaviors:MultiTouchBehavior IsDebugModeActive="False" 
            AreFingersVisible="True" 
            IsMockActive="True"          
            MaximumScale="3" 
            MinimumScale="0.8" 
            IsScaleEnabled="True" 
            IsRotateEnabled="False" 
            IsTranslateXEnabled="True" 
            IsTranslateYEnabled="True"/> 
     </i:Interaction.Behaviors> 
    </Image> 

如果你想尝试这种实现自己，我建议给这个文章弗朗切斯科德·维托里读（http://www.frenk.com/2011/03/windows-phone-7-correct-pinch-zoom-in-silverlight/）。