在Windows Phone 8上创建可缩放图像对象8

Question

我正在为Windows Phone 8创建与图像相关的应用程序。完成所需的图像处理后，我当前在“图像”工具箱项目中显示输出，该输出似乎适用于我。 这里的编码是在C＃+ XAML中完成的。

现在我想改善用户界面，并使输出图像可缩放（使用捏缩放）。我想知道如何创建这样一个可缩放的UI元素。

我知道这可能是许多应用程序开发人员的共同需求。但我一直无法找到相同的参考。

Answer 1

下载windows phone toolkit和使用GestureService.GestureListener

的XAML：

... 
xmlns:tk="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" 
... 

<Image Source="myImage.jpg" RenderTransformOrigin="0.5, 0.5" CacheMode="BitmapCache"> 
    <Image.RenderTransform> 
     <CompositeTransform x:Name="transform" /> 
    </Image.RenderTransform> 
    <tk:GestureService.GestureListener> 
     <tk:GestureListener PinchStarted="OnPinchStarted" PinchDelta="OnPinchDelta" /> 
    </tk:GestureService.GestureListener> 
</Image> 

后面的代码：

double initialScale = 0; 

private void OnPinchStarted(object sender, PinchStartedGestureEventArgs e) { 
    initialScale = transform.ScaleX; 
} 

private void OnPinchDelta(object sender, PinchGestureEventArgs e) { 
    transform.ScaleX = initialScale * e.DistanceRatio; 
    transform.ScaleY = initialScale * e.DistanceRatio; 
}