C# wpf 实现任意控件拖动

系列文章目录

第一章 Grid内控件拖动
第二章 Canvas内控件拖动
第三章 任意控件拖动(本章)
第四章 窗口拖动
第五章 附加属性实现任意拖动
第六章 拓展更多拖动功能



前言

《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>

效果预览:
在这里插入图片描述


总结

以上就是今天要讲的内容,本文说明了任意控件拖动的方法,是通过TranslateTransform实现的。其实控件的变换在日常开发中会比较少用到,属于较高级用法,但是其功能是比较强大的,简单易用。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CodeOfCC

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值