指縮放功能在Windows手機8

從這個post我才知道，存在着一些平臺的改進爲實施捏和縮放功能。通過使用這種新方法（ManipulationDeltaEventArgs.PinchManipulation），我可以如何實現在Windows Phone中捏合縮放功能。指縮放功能在Windows手機8

除了這個我需要實現滾動功能太圖像控件。在我當前的實現中，我使用Toolkit（手勢監聽器）來實現捏合和縮放功能以及滾動查看器，現在看起來滾動和捏合事件都是重疊的，因此會產生不良的用戶體驗。

任何人都可以幫助我解決這個問題，在我的應用程序。我正在尋找一些幫助我實現功能的代碼示例。

我不有望獲得多點觸摸行爲（CodePlex上）的答案。在項目中使用的程序集相當老舊，我聽說其中很多人正面臨着市場提交的問題，僅此而已。

來源

2012-12-20 StezPet

正如我在previous answer說，如果你正在構建一個WP8獨家應用程序，你可以使用新的ManipulationDeltaEventArgs.PinchManipulation的捏&縮放效果。以下是如何使用ManipulationDeltaEventArgs.PinchManipulation數據縮放，移動和旋轉圖像的基本示例。

首先，我們將創建一個基本的圖像徘徊在網格中間：

<Grid x:Name="ContentPanel"> 
    <Image Source="Assets\Headset.png" 
      Width="200" Height="150" 
      ManipulationDelta="Image_ManipulationDelta" 
      x:Name="img" 
      > 
     <Image.RenderTransform> 
      <CompositeTransform CenterX="100" CenterY="75" /> 
     </Image.RenderTransform> 
    </Image> 
</Grid>

接下來，我們會處理在ManipulationDelta事件，檢查它是否是一個捏操作和應用正確的Silverlight轉換在我們的UIElement。

private void Image_ManipulationDelta(object sender, ManipulationDeltaEventArgs e) 
{ 
    if (e.PinchManipulation != null) 
    { 
     var transform = (CompositeTransform)img.RenderTransform; 

     // Scale Manipulation 
     transform.ScaleX = e.PinchManipulation.CumulativeScale; 
     transform.ScaleY = e.PinchManipulation.CumulativeScale; 

     // Translate manipulation 
     var originalCenter = e.PinchManipulation.Original.Center; 
     var newCenter = e.PinchManipulation.Current.Center; 
     transform.TranslateX = newCenter.X - originalCenter.X; 
     transform.TranslateY = newCenter.Y - originalCenter.Y; 

     // Rotation manipulation 
     transform.Rotation = angleBetween2Lines(
      e.PinchManipulation.Current, 
      e.PinchManipulation.Original); 

     // end 
     e.Handled = true; 
    } 
} 

// copied from http://www.developer.nokia.com/Community/Wiki/Real-time_rotation_of_the_Windows_Phone_8_Map_Control 
public static double angleBetween2Lines(PinchContactPoints line1, PinchContactPoints line2) 
{ 
    if (line1 != null && line2 != null) 
    { 
     double angle1 = Math.Atan2(line1.PrimaryContact.Y - line1.SecondaryContact.Y, 
            line1.PrimaryContact.X - line1.SecondaryContact.X); 
     double angle2 = Math.Atan2(line2.PrimaryContact.Y - line2.SecondaryContact.Y, 
            line2.PrimaryContact.X - line2.SecondaryContact.X); 
     return (angle1 - angle2) * 180/Math.PI; 
    } 
    else { return 0.0; } 
}

這就是我們所做的：

縮放： PinchManipulation實際軌道縮放我們，所以我們必須做的是應用PinchManipulation.CumulativeScale的縮放因子。
變換： PinchManipulation跟蹤原始中心和新中心（兩個觸摸點之間的計算）。通過從舊中心減去新中心，我們可以知道UIElement需要移動多少並將其應用於平移變換。請注意，此處更好的解決方案還可以通過跟蹤此代碼沒有的累積原始中心來解決多個操作會話。
旋轉：我們想出了兩個觸摸點之間的角度和應用它作爲旋轉變換。更多關於這諾基亞wiki文章中@Real-time rotation of the Windows Phone 8 Map Control

這裏是顯示這個代碼的一些打印屏幕運行良好：

Untouched image Rotated, transformed and scaled image