Как перетащить кнопку, которая находится на холсте в WPF

Question

Я провел последние несколько дней, пытаясь понять, как я могу использовать функцию DragDrop в WPF C#, чтобы я мог создать кнопку и перетащить ее в холст. Я думаю, что мне не хватает времени, но после исследования, посвященного exhasting, я не могу понять, что это такое. Все, что мне нужно сделать, это перетащить кнопку в холст.

Вот мой XAML код:

x:Class="DragDrop_Test.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:local="clr-namespace:DragDrop_Test" 
     mc:Ignorable="d" 
     Title="MainWindow" Height="350" Width="525"> 

    <Canvas Name="MyCanvas" Width = "300" Height= "200" Background="WhiteSmoke" Margin= "10, 0,190,100" AllowDrop="True" Drop="Canvas_Drop"> 
     <Button Name="btn" Content="Button1" MouseMove="btn_MouseMove" PreviewMouseLeftButtonDown="btn_PreviewMouseLeftButtonDown"> 

     </Button> 
    </Canvas> 


</Window> 

И вот мой код:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Data; 
using System.Windows.Documents; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Media.Imaging; 
using System.Windows.Navigation; 
using System.Windows.Shapes; 

namespace DragDrop_Test 
{ 
    /// <summary> 
    /// Interaction logic for MainWindow.xaml 
    /// </summary> 
    public partial class MainWindow : Window 
    { 
     Control draggedItem; 
     bool IsDragging; 
     public MainWindow() 
     { 
      InitializeComponent(); 
      IsDragging = false; 
     } 


     private void Canvas_Drop(object sender, DragEventArgs e) 
     { 
      if (!IsDragging) 
       return; 

      IsDragging = false; 
     } 



     private void btn_MouseMove(object sender, MouseEventArgs e) 
     { 
      var dependencyObject = (Button)sender; 
      draggedItem = dependencyObject; 

      if (!IsDragging) 
       return; 
      if (dependencyObject != null && dependencyObject.IsMouseOver) 
      { 
       DragDrop.DoDragDrop(dependencyObject, dependencyObject, DragDropEffects.Move); 
      } 
     } 

     private void btn_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e) 
     { 
      IsDragging = true; 
      draggedItem = (Button)sender; 
     } 
    } 
} 

Заранее спасибо

Answer 1

Если я вас правильно понял, 'перетаскивание' не что вам нужно. Это метод передачи данных, а не средство определения местоположения. В соответствии с msdn:

Drag и падение обычно относится к способу передачи данных этого включает в себя с помощью мыши (или какого-либо другое указательного устройства), чтобы выбрать один или несколько объектов, переместив эти объекты над некоторые желательно цель снижения в пользовательском интерфейсе (UI), и опуская их

Если все, что вы хотите переместить кнопку вокруг, вы можете попробовать использовать Canvas.SetTop/Canvas.SetLeft или TranslateTransform. Может быть что-то вроде:

public partial class MainWindow : Window 
    { 
     Control draggedItem; 
     Point itemRelativePosition; 
     bool IsDragging; 
     public MainWindow() 
     { 
      InitializeComponent(); 
      IsDragging = false; 
     } 

     private void btn_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e) 
     { 
      IsDragging = true; 
      draggedItem = (Button)sender; 
      itemRelativePosition = e.GetPosition(draggedItem); 
     } 

     private void btn_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e) 
     { 
      if (!IsDragging) 
       return; 

      IsDragging = false; 
     } 

     private void btn_PreviewMouseMove(object sender, MouseEventArgs e) 
     { 
      if (!IsDragging) 
       return; 

      Point canvasRelativePosition = e.GetPosition(MyCanvas); 

      Canvas.SetTop(draggedItem, canvasRelativePosition.Y - itemRelativePosition.Y); 
      Canvas.SetLeft(draggedItem, canvasRelativePosition.X - itemRelativePosition.X); 
     } 
    }