C# wpf 实现任意控件拖动

前言

在《C# wpf 实现Grid内控件拖动》和《C# wpf 实现Canvas内控件拖动》实现了两种容器内部控件的拖动，所以拖动功能只能局限于两种容器中使用。其实还有一种方法实现拖动，通过Transform变换，任意控件都可以拖动。.

一、如何实现？

1.注册鼠标事件

拖动的控件需要注册3个鼠标事件分别是，鼠标按下、鼠标移动、鼠标弹起。
以Button为例：

<Button   PreviewMouseDown="Button_MouseDown"           PreviewMouseMove="Button_MouseMove"           PreviewMouseUp="Button_MouseUp"> </Button>

2.记录位置

在鼠标按下事件中记录位置，使用TranslateTransform对象作为控件的RenderTransform，这样就可以改变控件的渲染位置。

//鼠标是否按下bool _isMouseDown = false;//鼠标按下的位置Point _mouseDownPosition;//鼠标按下控件的位置Point _mouseDownControlPosition;//鼠标按下事件private void Button_MouseDown(object sender, MouseButtonEventArgs e){    var c = sender as Control;    _isMouseDown = true;    _mouseDownPosition = e.GetPosition(this);             var transform = c.RenderTransform as TranslateTransform;    if (transform == null)    {        transform = new TranslateTransform();        c.RenderTransform = transform;    }    _mouseDownControlPosition = new Point(transform.X , transform.Y);    c.CaptureMouse();}

3.跟随鼠标移动

鼠标按下后移动鼠标，控件需要跟随鼠标移动。计算鼠标移动的距离调整TranslateTransform的X、Y，即可实现控件跟随鼠标移动

private void Button_MouseMove(object sender, MouseEventArgs e){    if (_isMouseDown)    {        var c = sender as Control;        var pos = e.GetPosition(this);        var dp = pos - _mouseDownPosition;        var transform = c.RenderTransform as TranslateTransform;        transform.X = _mouseDownControlPosition.X + dp.X;        transform.Y = _mouseDownControlPosition.Y + dp.Y;    }}

4.恢复标识

鼠标弹起后需要恢复标识，让控件不再跟随鼠标移动。

private void Button_MouseUp(object sender, MouseButtonEventArgs e){             var c = sender as Control;   _isMouseDown = false;   c.ReleaseMouseCapture();}

二、示例

在StackPanel中的控件也能自由拖动，示例代码：

<Window x:Class="WpfControlMove.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:WpfControlMove"        mc:Ignorable="d"        Title="MainWindow" Height="360" Width="640">    <StackPanel>        <Button Width="120" Height="50" Content="移动"   PreviewMouseDown="Button_MouseDown" PreviewMouseMove="Button_MouseMove" PreviewMouseUp="Button_MouseUp"> </Button>    </StackPanel></Window>

效果预览：