在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; 
}