CN102279692A - 拖拽对象时实现预览的方法、客户端 - Google Patents

Abstract

本发明提供了一种拖拽对象时实现预览的方法、客户端，所述方法包括以下步骤：打开预览窗口；对拖拽对象的预览区域进行截图；根据所述截图生成预览图；将所述预览图显示在所述预览窗口中。采用本发明提供的方法及客户端，能在对象被拖拽的过程中展示动态内容。

Description

拖拽对象时实现预览的方法、客户端

【技术领域】

本发明涉及计算机技术领域，尤其涉及一种拖拽对象时实现预览的方法、客户端。

【背景技术】

拖拽操作是用户操作电脑时的一种常见操作，现有大多数应用程序都支持拖拽，例如使用鼠标对应用程序的界面窗口进行拖拽。然而，传统的应用程序在拖拽过程中，拖拽对象的内容往往是固定不变的，例如即时通讯工具的聊天窗口在拖拽过程中，聊天窗口中更新的信息不能在拖拽过程中显示，只提供鼠标箭头变化的提示或当聊天窗口中显示有动态图片时只显示静态图片，因此传统的应用程序在拖拽过程中无法表现动态内容。

【发明内容】

基于此，有必要提供一种能展示动态内容的拖拽对象时实现预览的方法。

一种拖拽对象时实现预览的方法，包括以下步骤：打开预览窗口；按预设时间间隔对拖拽对象的预览区域进行截图；根据所述截图生成预览图；将所述预览图显示在所述预览窗口中。

其中，所述对拖拽对象的预览区域进行截图的步骤具体是：按照预设时间间隔对拖拽对象的预览区域进行截图或在检测到拖拽对象接收到新消息或拖拽对象中含有动态内容时对拖拽对象的预览区域进行截图。

其中，在打开预览窗口之后还包括步骤：调整预览窗口的位置，使所述预览窗口与拖拽对象的拖拽点击位置的相对位置不变。

其中，在打开预览窗口之前还包括步骤：预先设定拖拽对象的预览区域，所述预览区域的大小小于或等于所述拖拽对象的界面窗口大小。

所述根据截图生成预览图的步骤具体可以是：比较截图大小与所述预览窗口的大小；若截图大小大于或等于预览窗口大小，则对截图进行抽样采集，生成预览图；若截图大小小于预览窗口大小，则采用透明像素将截图扩充至预览窗口大小，生成预览图。

所述将预览图显示在预览窗口中的步骤包括：将所述生成的预览图与缓冲区中存储的图像进行对比，若不同，则将生成的预览图存入缓冲区中，并更新时间戳。

所述将预览图显示在预览窗口中的步骤还可包括：根据时间戳判断所述缓冲区中是否有新图片，若有，则将缓冲区中的预览图显示在预览窗口中，否则保持预览窗口的图像不变。

此外，还有必要提供一种在拖拽过程中能展示动态内容的客户端。

一种客户端，包括：窗口生成模块，用于打开预览窗口；截图模块，按预设时间间隔对拖拽对象的预览区域进行截图；预览图生成模块，根据所述截图生成预览图；显示模块，将预览图显示在所述预览窗口中。

其中，所述截图模块是按照预设时间间隔对拖拽对象的预览区域进行截图或在检测到拖拽对象接收到新消息或拖拽对象中含有动态内容时对拖拽对象的预览区域进行截图。

其中，所述窗口生成模块还可用于在打开预览窗口之后调整预览窗口的位置，使预览窗口与拖拽对象的拖拽点击位置的相对位置不变。

所述客户端还包括预先设定大小小于或等于拖拽对象的界面窗口大小的预览区域的设置模块。

所述预览图生成模块包括：比较模块，用于比较截图大小与所述预览窗口的大小；抽样采集模块，当截图大小大于或等于预览窗口大小时，对截图进行抽样采集，生成预览图；所述预览图生成模块还用于当截图大小小于预览窗口大小时，采用透明像素将截图扩充至预览窗口大小，生成预览图。

所述客户端还包括：图像对比模块，将生成的预览图与缓冲区中存储的图像进行对比；存储模块，当生成的预览图与缓冲区中存储的图像不同时，将生成的预览图存入缓冲区中，并更新时间戳。

所述客户端还包括：判断模块，根据时间戳判断缓冲区中是否有新图片，若有，则通知显示模块将缓冲区中的预览图显示在预览窗口中，否则保持预览窗口的图像不变。

上述拖拽对象时实现预览的方法、客户端，通过按预设时间间隔对拖拽对象的预览区域进行截图，使得在对象被拖拽的过程中，能够实时获取到拖拽对象的预览区域中的图像，因此能够展示动态内容。

【附图说明】

图1为一个实施例中拖拽对象时实现预览的方法流程图；

图2为一个实施例中生成预览图的方法流程图；

图3为一个实施例中截图与预览图的对比示意图；

图4为另一个实施例中截图与预览图的对比示意图；

图5为一个实施例在拖拽过程中展示动态内容的第一示意图；

图6为一个实施例在拖拽过程中展示动态内容的第二示意图；

图7为一个实施例中客户端的结构示意图；

图8为另一个实施例中客户端的结构示意图。

【具体实施方式】

如图1所示，一种拖拽对象时实现预览的方法，具体过程如下：

步骤S10中，打开预览窗口。预览窗口是一个无边框的透明窗口，其大小事先设定，在该窗口中显示预览图。在一个实施例中，打开预览窗口之后，需调整预览窗口的位置，使得预览窗口与拖拽对象的拖拽点击位置的相对位置不变。

步骤S20中，对拖拽对象的预览区域进行截图。预览区域是在之前进行设定的，预览区域的大小可以小于或等于拖拽对象的界面窗口大小。例如在即时通讯工具的聊天窗口中，可以设定预览区域为整个聊天窗口，则在拖拽过程中聊天窗口的任意位置图像发生变化时，都能在预览窗口中显示，从而能够对拖拽对象的整个界面窗口展示其动态内容；也可以设定聊天窗口的某一个特定部分作为预览区域，则在该特定部分图像发生变化时，都能展示在预览窗口中。

在一个实施例方式中，按预设时间间隔定时或不定时地对拖拽对象的预览区域进行截图。在一个优选的实施例中，设置一个定时器，在定时器的时间片中，对预览区域进行屏幕截图。在另一个实施方式中，在检测到拖拽对象接收到新消息或拖拽对象中含有动态内容时，对拖拽对象的预览区域进行截图。例如，在即时通讯工具的聊天窗口中，当检测到收到新消息时对聊天窗口的预览区域进行截图。也可在检测到聊天窗口中含有动态内容(如动态图片、动态表情、动画内容等)时，对预览区域进行截图。从而避免了在拖拽对象没有收到新消息或者拖拽对象中并没有动态内容时，还频繁的对预览区域进行截图，节省了资源。在一个优选的实施例中，当检测到拖拽对象中含有动态内容时，根据该动态内容的播放速度按照对应的时间间隔对预览区域进行截图。例如，即时通讯工具的聊天窗口中检测到一动态表情，其播放速度为2帧/秒，则可以每隔0.5秒对聊天窗口的预览区域进行截图，从而能抓取动态表情每帧的图像。这种方式能够针对不同的动态内容对应采用不同的时间间隔对预览区域进行截图，具有针对性，节省了资源。

步骤S30中，根据截图生成预览图。如图2所示，在一个实施例中，步骤S30的过程具体是：

步骤S301，比较截图大小与预览窗口的大小。这里的截图大小与拖拽对象的预览区域的大小一致。

步骤S302，判断截图大小是否小于预览窗口大小，若是，则进入步骤S303，否则进入步骤S304。

步骤S303，采用透明像素将截图扩充至预览窗口大小，生成预览图。在一个实施例中，如图3所示，拖拽对象的预览区域的截图为图像A，其大小为50*50像素，预览窗口为图像B(它实际是一个无边框的透明窗口)，其大小为200*200像素，由于图像A的大小小于图像B，即截图大小小于预览窗口大小，则采用透明像素将图像A扩充至图像B的大小，生成的预览图为图像C。图像A可处于图像C中的任意位置，在一个优选的实施例中，预览区域的截图显示在预览窗口的左上角，预览窗口的其它剩余部分填充透明像素(如图3所示)。

步骤S304，对截图进行抽样采集，生成预览图。在一个实施例中，如图4所示，拖拽对象的预览区域的截图为图像A，其大小为800*600像素，预览窗口为图像B(实际是一个无边框的透明窗口)，其大小为200*200像素，由于图像A的大小不小于图像B，则对图像A进行像素抽样采集，避免直接将图像A缩小为预览窗口的大小而影响性能，也能节省存储预览图的缓冲区的大小，节省内存空间，抽样采集后生成的预览图为图像C，其大小与预览窗口的大小一致。

步骤S40，将预览图显示在预览窗口中。将上述所生成的预览图显示在预览窗口中，由于按照预定时间间隔不断的对预览区域进行截图，所以显示在预览窗口的预览图能够实时展示拖拽过程中的动态内容。如图5所示，右边所示为即时通讯工具的聊天窗口，左边所示为聊天窗口在拖拽过程中的预览窗口，当有新消息出现在聊天窗口时，预览窗口中也能实时展示。另外，如图6所示，当聊天窗口中有动态播放内容时，例如有GIF图片时，在拖拽过程中，也能实现展示该动态图片。如图5和图6所示，拖拽过程中，表情在变化，从预览窗口中也能实时展示。

在一个实施例中，设置缓冲区存储所生成的预览图，将生成的预览图与缓冲区中存储的图像进行对比，若不同，则将生成的预览图存入缓冲区，并更新时间戳。根据时间戳判断缓冲区中是否有新图片，若有，则将缓冲区中的预览图显示在预览窗口中，否则保持预览窗口的图像不变。采用时间戳管理缓冲区中的预览图，显示预览图时，从缓冲区中获取新图片，效率更高，性能更好。

如图7所示，一种客户端，包括窗口生成模块10、截图模块20、预览图生成模块30和显示模块40，其中，窗口生成模块10用于打开预览窗口；截图模块20用于按预设时间间隔对拖拽对象的预览区域进行截图；预览图生成模块30用于根据截图生成预览图，显示模块40用于将预览图显示在预览窗口中。

在一个实施例方式中，截图模块20是按照预设时间间隔对拖拽对象的预览区域进行截图或在检测到拖拽对象接收到新消息或拖拽对象中含有动态内容时对拖拽对象的预览区域进行截图。

在一个实施例中，窗口生成模块10还用于在打开预览窗口之后调整窗口的位置，使预览窗口与拖拽对象的拖拽点击位置的相对位置不变。预览窗口是一个无边框的透明窗口，其大小事先设定，在该窗口中显示预览图。

如图8所示，在一个实施例中，客户端还包括设置模块50、图像对比模块60、存储模块70和判断模块80，其中：设置模块50用于设定预览区域，该预览区域的大小小于或等于拖拽对象的界面窗口大小，截图模块20则按照设置模块50所设置的大小对预览区域进行截图。该实施例中，预览图生成模块30包括比较模块301和抽样采集模块302，其中：比较模块301用于比较截图大小与预览窗口的大小；抽样采集模块302用于当截图大小大于或等于预览窗口大小时，对截图进行抽样采集，生成预览图(如图4所示)；预览图生成模块30还用于当将截图大小小于预览窗口大小时，采用透明像素将截图扩充至预览窗口大小，生成预览图(如图3所示)。

在一个实施例中，客户端还包括图像对比模块60、存储模块70和判断模块80，其中：图像对比模块60用于将生成的预览图与缓冲区中存储的图像进行对比，存储模块70当预览图与缓冲区中存储的图像不同时，将生成的预览图存入缓冲区中，并更新时间戳。判断模块80用于根据时间戳判断缓冲区中是否有新图片，如有，则通知显示模块40将缓冲区中的预览图显示在预览窗口中，否则保持预览窗口的图像不变。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (14)

1.一种拖拽对象时实现预览的方法，包括以下步骤：

打开预览窗口；

对拖拽对象的预览区域进行截图；

根据所述截图生成预览图；

将所述预览图显示在所述预览窗口中。

2.根据权利要求1所述的拖拽对象时实现预览的方法，其特征在于，所述对拖拽对象的预览区域进行截图的步骤具体是：按照预设时间间隔对拖拽对象的预览区域进行截图或在检测到拖拽对象接收到新消息或拖拽对象中含有动态内容时对拖拽对象的预览区域进行截图。

3.根据权利要求2所述的拖拽对象时实现预览的方法，其特征在于，在打开预览窗口之后还包括步骤：调整预览窗口的位置，使所述预览窗口与拖拽对象的拖拽点击位置的相对位置不变。

4.根据权利要求2或3所述的拖拽对象时实现预览的方法，其特征在于，在打开预览窗口之前还包括步骤：预先设定拖拽对象的预览区域，所述预览区域的大小小于或等于所述拖拽对象的界面窗口大小。

5.根据权利要求4所述的拖拽对象时实现预览的方法，其特征在于，所述根据截图生成预览图的步骤具体是：

比较截图大小与所述预览窗口的大小；

若截图大小大于或等于预览窗口大小，则对截图进行抽样采集，生成预览图；

若截图大小小于预览窗口大小，则采用透明像素将截图扩充至预览窗口大小，生成预览图。

6.根据权利要求1或2或5所述的拖拽对象时实现预览的方法，其特征在于，所述将预览图显示在预览窗口中的步骤包括：

将所述生成的预览图与缓冲区中存储的图像进行对比，若不同，则将生成的预览图存入缓冲区中，并更新时间戳。

7.根据权利要求6所述的拖拽对象时实现预览的方法，其特征在于，所述将预览图显示在预览窗口中的步骤还包括：

根据时间戳判断所述缓冲区中是否有新图片，若有，则将缓冲区中的预览图显示在预览窗口中，否则保持预览窗口的图像不变。

8.一种客户端，其特征在于，包括：

窗口生成模块，用于打开预览窗口；

截图模块，对拖拽对象的预览区域进行截图；

预览图生成模块，根据所述截图生成预览图；

显示模块，将预览图显示在所述预览窗口中。

9.根据权利要求8所述的客户端，其特征在于，所述截图模块是按照预设时间间隔对拖拽对象的预览区域进行截图或在检测到拖拽对象接收到新消息或拖拽对象中含有动态内容时对拖拽对象的预览区域进行截图。

10.根据权利要求9所述的客户端，其特征在于，所述窗口生成模块还用于在打开预览窗口之后调整预览窗口的位置，使预览窗口与拖拽对象的拖拽点击位置的相对位置不变。

11.根据权利要求9或10所述的客户端，其特征在于，还包括预先设定大小小于或等于拖拽对象的界面窗口大小的预览区域的设置模块。

12.根据权利要求11所述的客户端，其特征在于，所述预览图生成模块包括：

比较模块，用于比较截图大小与所述预览窗口的大小；

抽样采集模块，当截图大小大于或等于预览窗口大小时，对截图进行抽样采集，生成预览图；

所述预览图生成模块还用于当截图大小小于预览窗口大小时，采用透明像素将截图扩充至预览窗口大小，生成预览图。

13.根据权利要求8或9或12所述的客户端，其特征在于，还包括：

图像对比模块，将生成的预览图与缓冲区中存储的图像进行对比；

存储模块，当生成的预览图与缓冲区中存储的图像不同时，将生成的预览图存入缓冲区中，并更新时间戳。

14.根据权利要求13所述的客户端，其特征在于，还包括：

判断模块，根据时间戳判断缓冲区中是否有新图片，若有，则通知显示模块将缓冲区中的预览图显示在预览窗口中，否则保持预览窗口的图像不变。

Images