CN107391002A - 一种透明浮动可拖拽列表生成方法以及系统 - Google Patents

Abstract

本发明公开了一种透明浮动可拖拽列表生成方法以及系统，该方法捕获鼠标拖拽动作，并生成与被拖拽行大小相同的对话框；复制被拖拽行的像素到对话框中，并添加半透明效果；跟踪鼠标位置，移动对话框；若鼠标结束拖拽，则关闭对话框，将被拖拽行插入到鼠标松开位置。本发明的系统对应相应的方法。本发明填补了列表控件不具备动态拖拽效果的技术空白，将列表和拖拽功能结合，使列表具备拖拽排序。并结合DC像素复制技术和双缓冲贴图技术使得拖拽具有透明浮动效果可以极大的提升软件的用户体验，方便用户进行排序操作。

Description

一种透明浮动可拖拽列表生成方法以及系统

技术领域

本发明涉及到MFC(Microsoft Foundation Classes，微软基础类库)列表控制技术领域，具体地涉及到一种透明浮动可拖拽列表生成方法和系统。

背景技术

现有的MFC框架提供了可展示用户数据的列表控件，可通过微软提供的系统接口对列表控件进行增删改查以及排序操作，但原生列表不具备动态拖拽排序功能。MFC为实现对象拖放提供了如下类：

COleDataSource、COleDropSource、COleDropTarget、COleDataObject。

MFC通过提供COleDropTarget和CView类来支持拖放操作的接收。在CView及其继承类中创建COleDropTarget类对象，并在视图窗口初始化时，调用其成员函数Register()，以此在系统中注册该视图窗口为拖放接收窗口。当进行拖放操作的鼠标指针处于视图窗口范围内时，COleDropTarge类的OnDragEnter、OnDragOver、OnDropEx、OnDrop等成员函数被依次调用，这些函数默认调用与其相对应的CView类成员函数OnDragEnter、OnDragOver、OnDropEx、OnDrop等，在这些CView类成员函数中，用户可对拖动的过程及结果进行控制。但MFC这种内在的对拖放的实现是很不够的，一个用户界面友好的应用程序，很多时候要求不仅view视图窗口支持拖放，而且对话框以及编辑框，列表等控制也需要拖放的支持。目前，现有技术还不能解决上述问题。

发明内容

针对上述技术问题，本发明的目的在于提供一种透明浮动可拖拽列表生成方法和系统。

为实现上述目的，本发明是根据以下技术方案实现的：

本发明的一种透明浮动可拖拽列表生成方法，包括如下步骤：

步骤S1：捕获鼠标拖拽动作，并生成与被拖拽行大小相同的对话框；

步骤S2：复制被拖拽行的像素到对话框中，并添加半透明效果；

步骤S3：跟踪鼠标位置，移动对话框；若鼠标结束拖拽，则关闭对话框，将被拖拽行插入到鼠标松开位置。

上述技术方案中，所述步骤S1具体包括：

步骤S101：通过消息中心捕获用户的鼠标拖拽动作；

步骤S102：根据用户点击鼠标左键或者右键时对应鼠标位置的Y轴坐标生成一个和被拖拽行大小相同的对话框。

上述技术方案中，所述步骤S2包括：

步骤S201：通过DC复制技术复制被拖拽行的像素,像素复制到DC图层上，将DC图层贴到对话框上,显示对话框；

步骤S202：利用gdi双缓冲绘图将被拖拽行的像素复制到对话框中,将DC图层贴到对话框上，并在对话框中添加半透明效果。

上述技术方案中，所述步骤3包括：

步骤S301：用户点击鼠标左键或者右键并拖拽鼠标位置时，对话框跟踪鼠标拖拽的运行轨迹跟随鼠标发生移动；

步骤S302：判断用户松开鼠标左键或者右键时鼠标Y轴坐标对应位置是否处于列表范围内，若处于列表范围内，则关闭透明对话框，对整个列表进行重新排序，即将被拖拽行插入到鼠标松开位置处鼠标Y轴坐标对应所在的行，结束流程；若不处于列表范围内，则关闭透明对话框，拖拽失败，列表顺序保持不变。

本发明的一种透明浮动可拖拽列表生成系统，其特征在于，包括：

对话框生成模块：捕获鼠标拖拽动作，并生成与被拖拽行大小相同的对话框；

透明效果生成模块：复制被拖拽行的像素到对话框中，并添加半透明效果；

重新排序模块：跟踪鼠标位置，移动对话框；若鼠标结束拖拽，则关闭对话框，将被拖拽行插入到鼠标松开位置。

上述技术方案中，所述对话框生成模块包括：

鼠标拖拽动作捕获子模块：通过消息中心捕获用户的鼠标拖拽动作；

定位坐标对话框生成子模块：根据用户点击鼠标左键或者右键时对应鼠标位置的Y轴坐标生成一个和被拖拽行大小相同的对话框。

上述技术方案中，所述透明效果生成模块包括：

像素复制子模块：通过DC复制技术复制被拖拽行的像素,像素复制到DC图层上，将DC图层贴到对话框上,显示对话框；

透明效果添加子模块：利用gdi双缓冲绘图将被拖拽行的像素复制到对话框中，将DC图层贴到对话框上，并在对话框中添加半透明效果。

上述技术方案中，所述重新排序模块包括：

跟踪子模块：用户点击鼠标左键或者右键并拖拽鼠标位置时，对话框跟踪鼠标拖拽的运行轨迹跟随鼠标发生移动；

判断与排序子模块：判断用户松开鼠标左键或者右键时鼠标Y轴坐标对应位置是否处于列表范围内，若处于列表范围内，则关闭透明对话框，对整个列表进行重新排序，即将被拖拽行插入到鼠标松开位置处鼠标Y轴坐标对应所在的行，结束流程；若不处于列表范围内，则关闭透明对话框，拖拽失败，列表顺序保持不变。

本发明与现有技术相比，具有如下有益效果：

1.本发明提供的透明浮动可拖拽列表生成方法填补了列表控件不具备动态拖拽效果的技术空白，将列表和拖拽功能结合，使列表具备拖拽排序。

2.本发明提供的透明浮动可拖拽列表生成方法中结合DC像素复制技术和双缓冲贴图技术,使得拖拽具有透明浮动效果，可以极大的提升软件的用户体验，方便用户进行排序操作。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。

图1为本发明提供的透明浮动可拖拽列表生成方法的流程示意图；

图2为本发明提供的实施例的效果展示图；

图3为本发明实施例中浮动对话框跟随用户鼠标移动的效果示意图；

图4为本发明实施例中重新排序后的示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。

图1为本发明提供的透明浮动可拖拽列表生成方法的流程示意图；如图1所示，本发明的一种透明浮动可拖拽列表生成方法，包括如下步骤：

步骤S1：捕获鼠标拖拽动作，并生成与被拖拽行大小相同的对话框；

步骤S2：复制被拖拽行的像素到对话框中，并添加半透明效果；

步骤S3：跟踪鼠标位置，移动对话框；若鼠标结束拖拽，则关闭对话框，将被拖拽行插入到鼠标松开位置。

上述技术方案中，所述步骤S1具体包括：

步骤S101：通过消息中心捕获用户的鼠标拖拽动作；

步骤S102：根据用户点击鼠标左键或者右键时对应鼠标位置的Y轴坐标生成一个和被拖拽行大小相同的对话框。

步骤S2包括：

步骤S201：通过DC复制技术复制被拖拽行的像素,像素复制到DC图层上，将DC图层贴到对话框上,显示对话框；

步骤S202：利用gdi双缓冲绘图将被拖拽行的像素复制到对话框中,将DC图层贴到对话框上，并在对话框中添加半透明效果。

步骤3包括：

步骤S301：用户点击鼠标左键或者右键并拖拽鼠标位置时，对话框跟踪鼠标拖拽的运行轨迹跟随鼠标发生移动；

步骤S302：判断用户松开鼠标左键或者右键时鼠标Y轴坐标对应位置是否处于列表范围内，若处于列表范围内，则关闭透明对话框，对整个列表进行重新排序，即将被拖拽行插入到鼠标松开位置处鼠标Y轴坐标对应所在的行，结束流程；若不处于列表范围内，则关闭透明对话框，拖拽失败，列表顺序保持不变。

本发明的一种透明浮动可拖拽列表生成系统，其特征在于，包括：

对话框生成模块：捕获鼠标拖拽动作，并生成与被拖拽行大小相同的对话框；

透明效果生成模块：复制被拖拽行的像素到对话框中，并添加半透明效果；

重新排序模块：跟踪鼠标位置，移动对话框；若鼠标结束拖拽，则关闭对话框，将被拖拽行插入到鼠标松开位置。

对话框生成模块包括：

鼠标拖拽动作捕获子模块：通过消息中心捕获用户的鼠标拖拽动作；

定位坐标对话框生成子模块：根据用户点击鼠标左键或者右键时对应鼠标位置的Y轴坐标生成一个和被拖拽行大小相同的对话框。

透明效果生成模块包括：

像素复制子模块：通过DC复制技术复制被拖拽行的像素,像素复制到DC图层上，将DC图层贴到对话框上,显示对话框；

透明效果添加子模块：利用gdi双缓冲绘图将被拖拽行的像素复制到对话框中，将DC图层贴到对话框上，并在对话框中添加半透明效果。

重新排序模块包括：

跟踪子模块：用户点击鼠标左键或者右键并拖拽鼠标位置时，对话框跟踪鼠标拖拽的运行轨迹跟随鼠标发生移动；

判断与排序子模块：判断用户松开鼠标左键或者右键时鼠标Y轴坐标对应位置是否处于列表范围内，若处于列表范围内，则关闭透明对话框，对整个列表进行重新排序，即将被拖拽行插入到鼠标松开位置处鼠标Y轴坐标对应所在的行，结束流程；若不处于列表范围内，则关闭透明对话框，拖拽失败，列表顺序保持不变。

具体地，如图2所示，本发明在grid控件基础上，结合MFC提供的COleDropTarget类实现。当用户点击某行列表进行拖拽动作时，捕获鼠标消息触发COleDropTarget的OnDragEnter、OnDragOver、OnDropEx、OnDrop等流程函数，并且在流程函数执行时，用dc复制像素技术，生成一个半透明的对话框，该对话框随着鼠标的移动而移动。从而实现可以动态拖拽的透明浮动列表。

下面结合具体实施例和附图对本发明中的技术方案做更加详细的说明。

实施例：PC某客户端软件，需要用户可以对自选品种列表进行拖拽排序：

首先，用户点击某行列表，并向上或向下进行拖动；

其次，生成一个半透过名的浮动对话框，该对话框贴图显示为选择列的的贴图浮动对话框跟随用户鼠标移动，如图3所示；

最后，当用户放开鼠标，根据鼠标位置，通知列表控件对列，进行重新排序，如图4所示。

需要说明的是，本发明提供的所述透明浮动可拖拽列表生成方法中的步骤，可以利用所述透明浮动可拖拽列表生成系统中对应的模块、装置、单元等予以实现，本领域技术人员可以参照所述系统的技术方案实现所述方法的步骤流程，即，所述系统中的实施例可理解为实现所述方法的优选例，在此不予赘述。

本领域技术人员知道，除了以纯计算机可读程序代码方式实现本发明提供的系统及其各个装置以外，完全可以通过将方法步骤进行逻辑编程来使得本发明提供的系统及其各个装置以逻辑门、开关、专用集成电路、可编程逻辑控制器以及嵌入式微控制器等的形式来实现相同功能。所以，本发明提供的系统及其各项装置可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构；也可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

以上对本发明的具体实施例进行了描述。需要理解的是，本发明并不局限于上述特定实施方式，本领域技术人员可以在权利要求的范围内做出各种变化或修改，这并不影响本发明的实质内容。在不冲突的情况下，本申请的实施例和实施例中的特征可以任意相互组合。

Claims (8)

1.一种透明浮动可拖拽列表生成方法，其特征在于，包括如下步骤：

步骤S1：捕获鼠标拖拽动作，并生成与被拖拽行大小相同的对话框；

步骤S2：复制被拖拽行的像素到对话框中，并添加半透明效果；

步骤S3：跟踪鼠标位置，移动对话框；若鼠标结束拖拽，则关闭对话框，将被拖拽行插入到鼠标松开位置。

2.根据权利要求1所述的一种透明浮动可拖拽列表生成方法，其特征在于，所述步骤S1具体包括：

步骤S101：通过消息中心捕获用户的鼠标拖拽动作；

步骤S102：根据用户点击鼠标左键或者右键时对应鼠标位置的Y轴坐标生成一个和被拖拽行大小相同的对话框。

3.根据权利要求1所述的透明浮动可拖拽列表生成方法，其特征在于，所述步骤S2包括：

步骤S201：通过DC复制技术复制被拖拽行的像素,像素复制到DC图层上，将DC图层贴到对话框上,显示对话框；

步骤S202：利用gdi双缓冲绘图将被拖拽行的像素复制到对话框中,将DC图层贴到对话框上，并在对话框中添加半透明效果。

4.根据权利要求1所述的透明浮动可拖拽列表生成方法，其特征在于，所述步骤3包括：

步骤S301：用户点击鼠标左键或者右键并拖拽鼠标位置时，对话框跟踪鼠标拖拽的运行轨迹跟随鼠标发生移动；

步骤S302：判断用户松开鼠标左键或者右键时鼠标Y轴坐标对应位置是否处于列表范围内，若处于列表范围内，则关闭透明对话框，对整个列表进行重新排序，即将被拖拽行插入到鼠标松开位置处鼠标Y轴坐标对应所在的行，结束流程；若不处于列表范围内，则关闭透明对话框，拖拽失败，列表顺序保持不变。

5.一种透明浮动可拖拽列表生成系统，其特征在于，包括：

对话框生成模块：捕获鼠标拖拽动作，并生成与被拖拽行大小相同的对话框；

透明效果生成模块：复制被拖拽行的像素到对话框中，并添加半透明效果；

重新排序模块：跟踪鼠标位置，移动对话框；若鼠标结束拖拽，则关闭对话框，将被拖拽行插入到鼠标松开位置。

6.根据权利要求5所述的一种透明浮动可拖拽列表生成系统，其特征在于，所述对话框生成模块包括：

鼠标拖拽动作捕获子模块：通过消息中心捕获用户的鼠标拖拽动作；

定位坐标对话框生成子模块：根据用户点击鼠标左键或者右键时对应鼠标位置的Y轴坐标生成一个和被拖拽行大小相同的对话框。

7.根据权利要求5所述的一种透明浮动可拖拽列表生成系统，其特征在于，所述透明效果生成模块包括：

像素复制子模块：通过DC复制技术复制被拖拽行的像素,像素复制到DC图层上，将DC图层贴到对话框上,显示对话框；

透明效果添加子模块：利用gdi双缓冲绘图将被拖拽行的像素复制到对话框中，将DC图层贴到对话框上，并在对话框中添加半透明效果。

8.根据权利要求5所述的一种透明浮动可拖拽列表生成系统，其特征在于，所述重新排序模块包括：

跟踪子模块：用户点击鼠标左键或者右键并拖拽鼠标位置时，对话框跟踪鼠标拖拽的运行轨迹跟随鼠标发生移动；

判断与排序子模块：判断用户松开鼠标左键或者右键时鼠标Y轴坐标对应位置是否处于列表范围内，若处于列表范围内，则关闭透明对话框，对整个列表进行重新排序，即将被拖拽行插入到鼠标松开位置处鼠标Y轴坐标对应所在的行，结束流程；若不处于列表范围内，则关闭透明对话框，拖拽失败，列表顺序保持不变。