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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • C#利用控件拖拽技术制作拼图游戏

    主要实现的功能: 1.程序附带多张拼图随机拼图. 2.可手动添加拼图. 3.游戏成功判断. 4.30秒超时判断. Puzzle.cs using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms

  • C# 实现的图片盖章功能，支持拖拽、旋转、放缩、保存

    C# 实现的图片盖章功能，支持拖拽、旋转、放缩、保存

    实现图片盖章功能,在图片上点击,增加"图章"小图片,可以拖拽"图章"到任意位置,也可以点击图章右下角园框,令图片跟着鼠标旋转和放缩. 操作方法:1.点击增加"图章"2.选中移动图标3.点中右下角放缩旋转图章. 效果图: 实现代码如下: 1.  窗口Xaml代码 复制代码 代码如下: <Window x:Class="Lenovo.YogaPaster.ImageEditWindow"    xmlns="htt

  • C#实现Dev Grid拖拽移动行的方法

    C#实现Dev Grid拖拽移动行的方法

    本文实例讲述了C#实现Dev Grid拖拽移动行的方法.分享给大家供大家参考.具体如下: 完整实例代码点击此处本站下载.     拖拽时带行截图效果 实现代码如下: /// <summary> /// 拖拽帮助类 /// </summary> public static class DragHelper { /// <summary> /// BandedGridView 拖拽 /// </summary> /// <param name="

  • C#组件FormDragger窗体拖拽器详解

    C#组件FormDragger窗体拖拽器详解

    适用:.net2.0+ winform项目 介绍: 类似QQ.迅雷等讲究UI体验的软件,都支持在窗口内多处地方拖动窗口,而不必老实巴交的去顶部标题栏拖,这个组件就是让winform也能这样随性拖拽,随性度或更甚.先看效果: 可拖拽的地方包括不限于: 窗体.Panel.GroupBox.TabControl等容器控件的空白区: 菜单栏.工具栏.状态栏等bar的空白区,以及无效项目: Label.PictureBox.ProgressBar等通常不与鼠标交互的控件: 一切无效控件(Enabled为f

  • Vue Element Sortablejs实现表格列的拖拽案例详解

    1. css:    dragTable.css @charset "UTF-8"; .w-table{ height: 100%; width: 100%; float: left; } /* 拖动过程中,鼠标显示样式 */ .w-table_moving .el-table th .thead-cell{ cursor: move !important; } .w-table_moving .el-table__fixed{ cursor: not-allowed; } .w-ta

  • JavaScript使用面向对象实现的拖拽功能详解

    本文实例讲述了JavaScript使用面向对象实现的拖拽功能.分享给大家供大家参考,具体如下: 面向对象有个前提: 前提:所有东西都必须包含在onload里 改写:不能有函数嵌套,可以有全局变量 过程,如下 onload改成构造函数, 全局变量改成属性(通过this) 函数改写成方法 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/

  • JavaScript鼠标拖拽事件详解

    本文实例为大家分享了js鼠标拖拽事件的详细实现代码,供大家参考,具体内容如下 图片如下: css代码 <style> *{ margin:0; padding:0; } #box{ width: 200px; height: 200px; background: url("./img/aio.png") no-repeat; background-size: cover; position: absolute;/*定位元素 父级元素window就是初始包含块*/ top:0

  • React结合Drag API实现拖拽示例详解

    目录 认识拖拽 被拖拽元素 可释放目标 生命周期 拖拽操作中的数据传输 代码实现 如何标记当前拖拽的元素? 在画布中拖动 数据结构 总结 认识拖拽 鼠标拖拽是一个常见的交互场景,在这个熟悉的过程将会发生哪些事件? 拖拽事件指用户通过鼠标(或其他指针设备)将元素移到一个新的位置上.拖拽过程涉及两个对象:被拖拽元素(上图中 A )和可释放目标(上图中 B ) 被拖拽元素 默认情况下,图片.链接和文本是可拖动的.HTML5 在所有 HTML 元素上规定了一个 draggable 属性, 表示元素是否可

  • Vue 可拖拽组件Vue Smooth DnD的使用详解

    Vue 可拖拽组件Vue Smooth DnD的使用详解

    目录 简介和 Demo 展示 API: Container 属性 生命周期 回调 事件 API: Draggable 实战 简介和 Demo 展示 最近需要有个拖拽列表的需求,发现一个简单好用的 Vue 可拖拽组件.安利一下~ Vue Smooth DnD 是一个快速.轻量级的拖放.可排序的 Vue.js 库,封装了 smooth-dnd 库. Vue Smooth DnD 主要包含了两个组件,Container 和 Draggable,Container 包含可拖动的元素或组件,它的每一个子元

  • 基于swing实现窗体拖拽和拉伸

    基于swing实现窗体拖拽和拉伸

    本文为大家分享了swing实现窗体拖拽和拉伸的具体代码,供大家参考,具体内容如下 当用setUndecorated(true) 后 JFrame去掉标题栏后就得自己写拖拽和拉伸功能了. 下面是效果图,我的截图软件不能够截取除系统默认光标外的光标,所以各个方向光标变化在图中没有体现 代码如下: import javax.swing.*; import java.awt.*; /** * 窗体拖拽和拉伸 */ public class winReSizeDemo { private JFrame j

  • 微信小程序图片上传组件实现图片拖拽排序

    微信小程序图片上传组件实现图片拖拽排序

    目录 引言 首先来看效果 组件设计 使用方式 总结 引言 图片上传组件是一个组件库目前来看必不可少的功能了.笔者近日给自己开源的toy工具库也添加了这一功能.相比原生和大部分组件库来说,它不仅支持长按提示删除,还能够支持图片的拖拽排序,很是nice! (也是为了毕设时身边同学能够更快上手小程序,更加将中心侧重于逻辑和设计) 本文我将继续介绍组件的设计思路: 首先来看效果 对于组件内部来说.笔者提供了一个参数去让开发者决定是否应该在场景中支持拖动排序.这里略去这些无关代码. 拖拽排序功能使用了微信

  • Element-ui tree组件自定义节点使用方法代码详解

    工作上使用到element-ui tree 组件,主要功能是要实现节点拖拽和置顶,通过自定义内容方法(render-content)渲染树代码如下~ <template> <div class="sortDiv"> <el-tree :data="sortData" draggable node-key="id" ref="sortTree" default-expand-all :expand-

  • UI 开源组件Flutter图表范围选择器使用详解

    UI 开源组件Flutter图表范围选择器使用详解

    目录 前言 1. 使用 chart_range_selector 2. ChartRangeSelector 实现思路分析 3.核心代码实现分析 4. 结合图表使用 前言 最近有一个小需求:图表支持局部显示,如下底部的区域选择器支持 左右拖动调节中间区域 拖拽中间区域,可以进行移动 图表数据根据中间区域的占比进行显示部分数据 这样当图表的数据量过大,不宜全部展示时,可选择的局部展示就是个不错的解决方案.由于一般的图表库没有提供该功能,这里自己通过绘制来实现以下,操作效果如下所示: 1. 使用 c

随机推荐