c＃metro應用程序：如何刪除拖到另一個圖像的圖像

Question

我有一個簡單的metro風格的應用程序，我想拖動16個圖像並將它們放在另一個圖像上。另一幅圖像應該將它的來源設置爲拖動圖像的源頭。

這是拖動方法：

private void ManipulationDelta_Pic(object sender, ManipulationDeltaRoutedEventArgs e) 
    { 
     Image img = e.OriginalSource as Image; 
     if (img != null) 
     { 
      var ct = img.RenderTransform as CompositeTransform; 
      if (ct != null) 
      { 
       ct.TranslateX += e.Delta.Translation.X; 
       ct.TranslateY += e.Delta.Translation.Y; 
      } 
     } 
    } 

這是與圖像中的XAML，這應該是下拉darget（想象他們的16）：

 </Grid> 

    <Grid Margin="377,0,371,23" Background="Cornsilk" Grid.Row="1" Height="600" Width="600" AllowDrop="True"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="150" /> 
      <ColumnDefinition Width="150"/> 
      <ColumnDefinition Width="150"/> 
      <ColumnDefinition Width="150"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="150"/> 
      <RowDefinition Height="150"/> 
      <RowDefinition Height="150"/> 
      <RowDefinition Height="150"/> 
     </Grid.RowDefinitions> 

     <Border x:Name="z1" BorderBrush="Black" BorderThickness="3" Grid.Row="0" Grid.Column="0" Background="Beige" AllowDrop="true"> 
      <Image x:Name="puzz1" HorizontalAlignment="Left" Height="150" VerticalAlignment="Top" Width="150" Source="Assets/win8001.jpg" AllowDrop="True"/> 
     </Border> 

    </Grid> 

和有圖像應該放棄（也是其中的16個）。

<Image x:Name="sidePics1" Width="150" Height="150" ManipulationMode="All" Margin="1311,507,-95,-29" Grid.Row="1" ManipulationDelta="ManipulationDelta_Pic" Drop="Drop_Pic"> 
      <Image.RenderTransform> 
       <CompositeTransform /> 
      </Image.RenderTransform> 
     </Image> 

我不知道如何解決這個問題，我在Metro App編程中很新。我知道它應該是DragOver，DragEnter，DragLeave和Drop Event的東西，但我不知道該怎麼做。

我需要幫助，謝謝。

Answer 1

我寫了一篇關於幾年前在Silverlight中拖動&的文章。這應該有所幫助。

http://www.jeffblankenburg.com/2009/07/05/day-5-silverlight-drag-and-drop/