ドラッグ＆ドロップの失敗

Question

Link to the Image of my App

私はキャンバス上の2の写真よりも、いくつかを作る、お互いニアリーているかどうかを検出したいの両方が触れている場合は画像に埋め込まれたデータを使用して操作を比較します互いに近くにある。

茶色の領域は、緑色のリストボックスに画像要素を追加することができるScatterViewです。

青いリストボックスから茶色のドロップエリアに直接画像アイテムをドロップできます。

しかし、最初に黄色のスキャッタビューでそれらをドロップすると、茶色のスキャッタビューにドロップすることができません。

<Grid ShowGridLines="True"> 
<Grid.RowDefinitions > 
    <RowDefinition Height="*" /> 
    <RowDefinition Height="Auto" /> 

</Grid.RowDefinitions> 
<Grid.ColumnDefinitions> 
    <ColumnDefinition></ColumnDefinition> 
    <ColumnDefinition></ColumnDefinition> 
    <ColumnDefinition></ColumnDefinition> 
</Grid.ColumnDefinitions> 


    <s:ScatterView 
     Grid.Row="0" 
     Grid.Column="0" 
     Grid.ColumnSpan="2" 
     Grid.RowSpan="1" 
     x:Name="ScatterLayer" 
     Background="Yellow" 
     ItemContainerStyle="{StaticResource ScatterItemStyle}" 
     AllowDrop="True" 
     ItemTemplate="{StaticResource ImageAndCaptionTemplate}" 
     ItemsSource="{Binding ScatterItems}" 
     s:SurfaceDragDrop.Drop="ScatterLayer_Drop" 
     s:SurfaceDragDrop.DragEnter="ScatterLayer_DragEnter" 
     s:SurfaceDragDrop.DragCompleted="ScatterLayer_DragCompleted" > 
    </s:ScatterView> 

    <s:SurfaceListBox 
     Grid.Row="0" Grid.Column="2" 
     AllowDrop="True" 
     x:Name="ListBoxVerticalBasket" 
     VerticalAlignment="Top" 
     Background="GreenYellow" 
     ItemsSource="{Binding Path=BasketItems}" 
     ItemTemplate="{StaticResource BasketTemplate}" > 
     <s:SurfaceListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <StackPanel Orientation="Vertical" /> 
      </ItemsPanelTemplate> 
     </s:SurfaceListBox.ItemsPanel> 
    </s:SurfaceListBox> 

    <s:SurfaceListBox 
     Grid.Row="1" 
     Grid.Column="0" 
     Grid.ColumnSpan="2" 
     x:Name="ShoppingList" 
     AllowDrop="True" 
     s:SurfaceDragDrop.DragCompleted="OnShoppingListDragCompleted" 
     s:SurfaceDragDrop.DragCanceled="OnShoppingListDragCanceled" 
     PreviewMouseLeftButtonDown="OnShoppingListPreviewMouseLeftButtonDown" 
     PreviewMouseMove="OnShoppingListPreviewMouseMove" 
     PreviewMouseLeftButtonUp="OnShoppingListPreviewMouseLeftButtonUp" 
     ItemsSource="{Binding Path=LibraryItems}" 
     ItemTemplate="{StaticResource ImageAndCaptionTemplate}" 
     PreviewTouchDown="OnShoppingListPreviewTouchDown" 
     PreviewTouchMove="OnShoppingListPreviewTouchMove" 
     PreviewTouchUp="OnShoppingListPreviewTouchUp" 
     Background="#FF00BDD8"> 
     <s:SurfaceListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <StackPanel Orientation="Horizontal" AllowDrop="True"/> 
      </ItemsPanelTemplate> 
     </s:SurfaceListBox.ItemsPanel> 

    </s:SurfaceListBox> 

    <s:ScatterView 
     Grid.Column="2" 
     Grid.Row="1" 
     Background="DarkGoldenrod" 
     Width="300" 
     Height="100" 
     x:Name="ScatterViewDropArea" 
     VerticalAlignment="Top" 
     HorizontalAlignment="Left" 
     AllowDrop="True" 
     s:SurfaceDragDrop.Drop="ScatterViewDropArea_Drop"> 
    </s:ScatterView> 

Answer 1

私はあなたの代わりにScatterViewの表面SDKでのショッピングカートのデモが付属していますDragDropScatterViewを使用することを検討すべきだと思います。