C# WPF 中从鼠标拾取位置处拖放：完整指南

windows

2024-06-05 00:01:33

用 C# WPF 实现从鼠标拾取位置处拖放

介绍

拖放功能是许多应用程序中不可或缺的特性。它允许用户轻松移动和重新排列 UI 元素，从而提升用户体验。本指南将详细介绍如何在 C# WPF 应用程序中实现从鼠标拾取位置处拖放。

实现步骤

1. 设置项目

首先，创建一个新的 C# WPF 应用程序。添加一个 ListBox 控件作为要拖放元素的容器，并确保它的 AllowDrop 属性设置为 true。

2. 处理鼠标按下事件

在 ListBox 控件的 PreviewMouseLeftButtonDown 事件处理程序中，获取鼠标相对于 ListBox 的位置。将此位置存储为元素的数据上下文。

3. 处理拖放操作

在 ListBox 的 Drop 事件处理程序中，获取拖放位置相对于 ListBox 的位置。从拖放数据中获取要拖放的元素，并使用之前存储的鼠标偏移量计算元素的新位置。

4. 测试拖放功能

运行应用程序，将鼠标悬停在 ListBox 中的元素上，按住鼠标左键，拖动元素到新位置，然后释放鼠标左键以完成拖放操作。

示例代码

private void ListBox_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    if (e.Source is FrameworkElement element)
    {
        Point mousePosition = e.GetPosition(element);
        element.DataContext = mousePosition;
    }
}

private void ListBox_Drop(object sender, DragEventArgs e)
{
    Point dropPosition = e.GetPosition(sender as FrameworkElement);
    if (e.Data.GetDataPresent(typeof(FrameworkElement)))
    {
        FrameworkElement draggedElement = e.Data.GetData(typeof(FrameworkElement)) as FrameworkElement;
        Point mouseOffset = draggedElement.DataContext as Point?;
        Point newPosition = new Point(
            dropPosition.X - mouseOffset.Value.X,
            dropPosition.Y - mouseOffset.Value.Y);
        draggedElement.Margin = new Thickness(newPosition.X, newPosition.Y, 0, 0);
    }
}