资讯专栏INFORMATION COLUMN

C# wpf 实现任意控件拖动

gclove / 3645人阅读

摘要:计算鼠标移动的距离调整的,即可实现控件跟随鼠标移动恢复标识鼠标弹起后需要恢复标识,让控件不再跟随鼠标移动。

前言

《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_PreviewMouseDown(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);}

3.跟随鼠标移动

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

private void Button_PreviewMouseMove(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_PreviewMouseUp(object sender, MouseButtonEventArgs e){   _isMouseDown = false;                    }

二、示例

在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实现的。其实控件的变换在日常开发中会比较少用到,属于较高级用法,但是其功能是比较强大的,简单易用。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/123707.html

相关文章

  • C# wpf 使用WriteableBitmap渲染视频

    摘要:将的赋值为对象。通常会认为这一步会导致性能下降,且消耗。但是通过查资料了解到,渲染引擎渲染画面本质上也是使用渲染的,很明显的一点就是,渲染是通过将转换成了再渲染的。 ...

    Yuqi 评论0 收藏0
  • 游戏开发

    摘要:工欲善其事必先利其器游戏环境对比发表算法在游戏上超过人类之后,游戏研究迅速成为了研究热点。当然这不是网络游戏服务器架构概述一架构模型现代电子游戏,基本上都会使用一定的网络功能。 每个程序员都需要知道一些游戏网络知识 本文主要针对游戏的网络设计,在文章中目前主流的网络游戏实现方案都有讲解。从Peer-to-Peer 帧同步,客户端/服务器(c/s架构),客户端预测(Client-Side...

    Enlightenment 评论0 收藏0
  • ☀️苏州程序大白一文从基础手把手教你Python数据可视化大佬☀️《❤️记得收藏❤️》

    ☀️苏州程序大白一文从基础手把手教你Python数据可视化大佬☀️《❤️记得收藏❤️》 目录 ?️‍?开讲啦!!!!?️‍?苏州程序大白?️‍??博主介绍前言数据关系可视化散点图 Scatter plots折线图强调连续性 Emphasizing continuity with line plots同时显示多了图表 数据种类的可视化 Plotting with categorical da...

    Drinkey 评论0 收藏0
  • 使用线程安全型双向链表实现简单 LRU Cache 模拟

    摘要:待工作完成后,再使用释放读写锁以及相关的临界资源,从而保障了这些方法符合线程安全的基本要求。读者锁能支持多线程同时访问链表,实现线程安全的并发。因此其具有线程安全的特性。 ...

    DevTTL 评论0 收藏0
  • 全功能 .NET 控件集 ComponentOne 2018V2正式发布,提供轻量级的 .NET B

    摘要:葡萄城的控件和软件产品在国内外屡获殊荣,在全球被数十万家企业学校和政府机构广泛应用。 ComponentOne Enterprise 是一款专注于企业应用 .NET开发的 Visual Studio 组件集,包含 300多种 .NET控件,支持 WinForm,WPF,UWP,ASP.NET MVC 等七个 .NET开发平台,具备表格数据管理、数据可视化、报表和文档、日程安排、输入和编...

    Zoom 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<