【C#】组件分享:FormDragger-窗体拖拽器

适用:.net2.0+ winform项目

介绍:

类似QQ、迅雷等讲究UI体验的软件,都支持在窗口内多处地方拖动窗口,而不必老实巴交的去顶部标题栏拖,这个组件就是让winform也能这样随性拖拽,随性度或更甚。先看效果:

可拖拽的地方包括不限于:

  • 窗体、Panel、GroupBox、TabControl等容器控件的空白区;
  • 菜单栏、工具栏、状态栏等bar的空白区,以及无效项目;
  • Label、PictureBox、ProgressBar等通常不与鼠标交互的控件;
  • 一切无效控件(Enabled为false);

基本上就是你觉得应该可以拖的地方都可以拖。

用法:

先看公开成员:

//拖拽器开关
bool Enabled { get; set; }

//排除列表。可向其中添加或移除控件实例,处于列表中的控件不接受拖拽
List<Control> ExcludeControls { get; }

//事件:准备拖拽时发生,可用e.Cancel = true取消拖拽,e还携带其它信息
event EventHandler<FormDraggingCancelEventArgs> Dragging;

//事件:拖拽器开关状态改变后
event EventHandler EnabledChanged;

使用挺简单,随时随地FormDragger.Enabled = true/false就能开闭拖拽功能,比如在Main函数中就可以开好,完了程序内的所有自建窗体就可以愉快的拖拽了,但是,像消息框MessageBox、各种对话框(如打开文件对话框)等由系统提供的窗体不能拖,拖这些需要勾子,犯不着(其实方案里已经实现了一个DialogDragger.cs,就是用来拖系统对话框的,但已知颜色选择对话框ColorDialog存在问题,所以暂时没集成,后面感觉有必要且解决了再更新,建议Watch)。关于消息框,也可以选用这个,由于是自制,所以可以拖。

对于适用拖拽规则的控件,鼠标左键点击消息(如MouseDown)是到不了它的,因为被拦截了,所以注册了这类事件也不会触发,若希望某个可拖控件不被拖到,例如某个图片框,你希望它具备“超链”的功能,点上去时执行注册好的MouseDown事件处理方法,那么有两种方式可以实现例外:

  1. 将该控件加入例外列表:FormDragger.ExcludeControls.Add(pictureBox1);//注意这里接受的是控件实例,而不是控件类型;
  2. 注册FormDragger.Dragging事件,在事件处理方法中,传入的e有一个Control属性,表示点到的控件,所以可以判断e.Control是否你要例外的控件,若是,令e.Cancel = true即可;此外e还携带别的信息,如鼠标位置、坐标类型等供辅助判断;

以上场景在源码中都有示例,供你参考。

原理:

利用Application.AddMessageFilter向程序加入消息过滤器,拦截并处理发往程序窗体的鼠标左键单击消息,若满足逻辑,则拦下该消息,并往控件所在的窗体发送点击标题栏的消息,达到点击该控件时系统认为是点到窗体标题栏的效果。若想了解处理细节,请前往下面的地址查看。

方案所在:

https://github.com/ahdung/FormDraggerDemo【优先】

https://coding.net/u/ahdung/p/FormDraggerDemo/git

http://git.oschina.net/ahdung/FormDraggerDemo

方案中已写测试器,就是截图那个样子,欢迎下载体验。

-文毕-

时间: 2024-10-17 19:02:50

【C#】组件分享:FormDragger-窗体拖拽器的相关文章

Qt之窗体拖拽、自适应分辨率、自适应大小 good

Qt之自定义界面(实现无边框.可移动) Qt之自定义界面(窗体缩放-跨平台终极版) Qt之自定义界面(窗体缩放) http://blog.csdn.net/liang19890820/article/details/51833870

解决Delphi图形化界面的TEdit、TLable等组件手动拖拽固定大小,但是编译之后显示有误的情况

经常遇到这样的情况,在我们使用Delphi的可视化工具进行UI设计的时候,我们拖拽TEdit或者Label组件,并且在可视化界面上设置它们的长.宽 但是当我们编译和运行程序的时候,却发现真正显示出来的 TEdit或者TLabel组件并不是我们在可视化界面所拖拽的长和宽(显示的“有问题”) 这个时候我们可以参考下面的具体事例解决: 当然这只是其中的一种方法,绝对还有其他的方法,而且我也不知道下面所讲的这种方法是不是很好的,所以还待补充 1.我们在Delphi的可视化界面上需要一个TEdit和TLa

React.js实现原生js拖拽效果及思考

一.起因&思路 不知不觉,已经好几天没写博客了...近来除了研究React,还做了公司官网... 一直想写一个原生js拖拽效果,又加上近来学react学得比较嗨.所以就用react来实现这个拖拽效果. 首先,其实拖拽效果的思路是很简单的.主要就是三个步骤: 1.onmousedown的时候,启动可拖拽事件,记录被拖拽元素的原始坐标参数. 2.onmousemove的时候,实时记录鼠标移动的距离,结合被拖拽元素第一阶段的坐标参数,计算并设置新的坐标值. 3.onmouseup的时候,关闭可拖拽事件

js 利用jquery.gridly.js实现拖拽并且排序

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src='javascripts/jquery.js' type='text/javascript'></script> <script src='javascripts/jqu

Android Launcher拖拽事件详解【android4.0--Launcher系列二】

AndroidICS4.0版本的launcher拖 拽的流程,基本和2.3的相似.就是比2.3写的封装的接口多了一些,比如删除类的写法就多了个类.等等.4.0的改变有一些,但是不是特别大.这个月一 直在改动Launcher的缩略图的效果,4.0的缩略图的功能没有实现,还得从2.3的Launcher中摘出来.通过做这个缩略图对Launcher 的模块有一点点了解,拿来分享一下Launcher拖拽的工作流程.有图有真相!   (1) 先来看看类之间的继承关系      图(1)  (2)再来看看La

Extjs4 实现两个DataView之间元素的拖拽添加及删除

最近项目接到一个需求,要求用拖拽实现在两个Panel之间实现拖拽添加和删除元素的功能. 首先想到的是EXTJS提供的View组件,View组件绑定一个Store和Template就可以得到预期的UI显示效果,再加上EXTJS提供的DD(Drag and Drop)功能,则可以实现两个View组件之前的元素拖拽添加以及删除. 效果如下: Demo代码实例如下: 1 Ext.onReady(function(){ 2 3 var columnData = [ 4 ["Consignee",

自定义导航器中的拖拽定义

有时候需要对导航器中的拖拽对象进行赋值,使用的场景是,拖拽导航器中的某个文件或者类或方法等,到某个编辑器中,,因为默认的导航器所配备的拖拽动作,或则不能满足我们的需要,所有,有必要自定义,,拖拽器,,在哪里定义?就在如下的类方法中. 参考类com.langsotech.studio.navigator.base.views.JCommonViewer中的方法@Overrideprotected void initDragAndDrop() {  /* Handle Drag and Drop *

element+sortablejs插件实现拖拽排序效果

背景1.后台管理系统中表格需要实现行拖拽功能2.表格使用element组件库中el-table 方案介绍 1.Sortable.js介绍:Sortable.js是一款轻量级的拖放排序列表的js插件引用自官方文档:No jQuery required. Supports Meteor, AngularJS, React, Polymer, Vue, Knockout and any CSS library, e.g. Bootstrap.参考地址: https://github.com/Sorta

关于js在一个固定的盒子里面拖拽的问题(包含临界值)

回武汉打卡第三天,武汉加油,逆战必胜!今天我们一起分享一下js拖拽的问题. 当然实现拖拽方法是有很多的,下面简单讲一种方法,大致思路如下: 首先需要用到的事件主要有  onmousedown,onmousemove,onmouseup.因为是小盒子(small)在拖拽拖拽,所以首先onmousedown是绑定在small小盒子上面:而拖拽是在文档中进行的,所以onmousemove和onmouseup可以写在文档对象上: 其次css在书写时记得使用定位,不要使用fixed(位置是相对于浏览器窗口