CN105630310A - 一种图组切换时的标题展示方法和装置 - Google Patents

Abstract

本发明实施例提供了一种图组切换时的标题展示方法和装置，该方法包括：在移动设备中加载第一图组中的第一图像数据；当检测到滑动手势时，基于所述第一图像数据按照所述滑动手势加载第二图像数据；确定所述第二图像数据所属的图组；当所述第二图像数据切换到第二图组时，展示所述第二图组的标题。本发明实施例提示用户切换了图组，防止继续浏览不需要的图片，避免了误操作，进而减少时间的浪费，也减少了服务器和终端资源的浪费。

Description

一种图组切换时的标题展示方法和装置

技术领域

本发明涉及图像处理的技术领域，特别是涉及一种图组切换时的标题展示方法和一种图组切换时的标题展示装置。

背景技术

对于某些图片数量较多的新闻、文章、搜索结果等对象，往往采用组图的形式进行展示。

例如，新闻媒体在2015年某地的车展中，针对展览的车拍摄了大量的照片，用户对于车的关注度往往超过其他事项，因此，新闻媒体往往以组图的形式展示照片，对新闻进行报道。

因此，在很多网站中都累积了数量庞大的图组，为了方便管理，这些图组通常是分类存储。

为了提高浏览组图的效果，浏览时，一般是以大图的形式展示图片的，排除了标题、内容等文字记载。

用户在浏览某个图组时，很容易就切换到了其他图组，由于图片相似，不容易察觉出来，其他图组不是用户所需的，这种误操作不仅浪费时间，也浪费了服务器和终端的资源。

例如，2015年某地车展的图组与2014年该地车展的图组是相邻存储的，在浏览完2015年某地的车展的图组时，切换到2014年该地车展的图组，由于车展的图片相似，用户不容易察觉，而是继续浏览。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种图组切换时的标题展示方法和相应的一种图组切换时的标题展示装置。

依据本发明的一个方面，提供了一种图组切换时的标题展示方法，包括：

在移动设备中加载第一图组中的第一图像数据；

当检测到滑动手势时，基于所述第一图像数据按照所述滑动手势加载第二图像数据；

确定所述第二图像数据所属的图组；

当所述第二图像数据切换到第二图组时，展示所述第二图组的标题。

可选地，还包括：

当所述第二图像数据未切换到第二图组时，隐藏所述第一图组的标题。

可选地，所述基于所述第一图像数据按照所述滑动手势加载第二图像数据的步骤包括：

计算所述滑动手势的滑动方向；

在缓存的图集合中，按照所述滑动方向查找与所述第一图像数据相邻的第二图像数据；

当查找到时，加载所述第二图像数据。

可选地，所述基于所述第一图像数据按照所述滑动手势加载第二图像数据的步骤还包括：

当未查找到时，向服务器请求一帧或多帧第二图像数据，缓存至为图集合中；

按照所述滑动方向加载与第一图像数据相邻的第二图像数据。

可选地，所述确定所述第二图像数据所属的图组的步骤包括：

查询所述第一图像数据的第一图组标识、所述第二图像数据的第二图组标识；

当所述第一图组标识与所述第二图组标识相同时，确定所述第二图像数据属于第一图组；

当所述第一图组标识与所述第二图组标识不相同时，确定所述第二图像数据属于第二图组。

可选地，所述展示所述第二图组的标题的步骤包括：

查找所述第二图组的标题；

调用页面中的脚本触发过渡效果，以展示所述第二图组的标题。

可选地，所述隐藏所述第一图组的标题的步骤包括：

禁止调用页面中的脚本触发过渡效果，以隐藏所述第一图组的标题。

根据本发明的另一方面，提供了一种图组切换时的标题展示装置，包括：

第一图像数据加载模块，适于在移动设备中加载第一图组中的第一图像数据；

第二图像数据加载模块，适于在检测到滑动手势时，基于所述第一图像数据按照所述滑动手势加载第二图像数据；

图组归属确定模块，适于确定所述第二图像数据所属的图组；

标题展示模块，适于在所述第二图像数据切换到第二图组时，展示所述第二图组的标题。

可选地，还包括：

标题隐藏模块，适于在所述第二图像数据未切换到第二图组时，隐藏所述第一图组的标题。

可选地，所述第二图像数据加载模块还适于：

计算所述滑动手势的滑动方向；

在缓存的图集合中，按照所述滑动方向查找与所述第一图像数据相邻的第二图像数据；

当查找到时，加载所述第二图像数据。

可选地，所述第二图像数据加载模块还适于：

当未查找到时，向服务器请求一帧或多帧第二图像数据，缓存至为图集合中；

按照所述滑动方向加载与第一图像数据相邻的第二图像数据。

可选地，所述图组归属确定模块还适于：

查询所述第一图像数据的第一图组标识、所述第二图像数据的第二图组标识；

当所述第一图组标识与所述第二图组标识相同时，确定所述第二图像数据属于第一图组；

当所述第一图组标识与所述第二图组标识不相同时，确定所述第二图像数据属于第二图组。

可选地，所述标题展示模块还适于：

查找所述第二图组的标题；

调用页面中的脚本触发过渡效果，以展示所述第二图组的标题。

可选地，所述标题隐藏模块还适于：

禁止调用页面中的脚本触发过渡效果，以隐藏所述第一图组的标题。

本发明实施例在检测到图组切换时，展示新切换到的第二图组的标题，提示用户切换了图组，防止继续浏览不需要的图片，避免了误操作，进而减少时间的浪费，也减少了服务器和终端资源的浪费。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的一种图组切换时的标题展示方法实施例1的步骤流程图；

图2示出了根据本发明一个实施例的一种图组切换时的标题展示方法实施例2的步骤流程图；

图3示出了根据本发明一个实施例的一种图组切换时的标题展示装置实施例1的结构框图；以及

图4示出了根据本发明一个实施例的一种图组切换时的标题展示装置实施例2的结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

参照图1，示出了根据本发明一个实施例的一种图组切换时的标题展示方法实施例1的步骤流程图，具体可以包括如下步骤：

步骤101，在移动设备中加载第一图组中的第一图像数据；

需要说明的是，本发明实施例可以应用于移动设备，例如，手机、平板电脑、智能手表等等，本发明实施例对此不加以限制。

这些移动移动的操作系统可以包括Android(安卓)、IOS、WindowsPhone、Windows等等，通常可以支持展示图片的应用，例如，浏览器、搜索引擎客户等等。

在浏览新闻、搜索结果等情况下，可以在这些应用中加载图组。

所谓图组，指在某个主题下的一系列图像数据所组成的集合。

以搜索引擎的搜索结果为例，该支持展示图片的应用可以为浏览器或内置微型浏览器的应用程序。

浏览器或内置微型浏览器的应用程序可以将请求头信息通过HTTP(Hypertexttransferprotocol，超文本传送协议)协议向搜索引擎所在的服务器发起搜索请求，该搜索请求可以是指搜索与某个关键词相关图片的指示。

即搜索引擎可以接收从浏览器或内置微型浏览器的应用程序发送的搜索请求，则可以在索引文件中查找与该关键词相关的图片，生成组图，或者，推送从各大网站获取的与该关键词相关的组图。

例如，用户可以通过在搜索引擎的网页中输入某个搜索对象发起搜索请求，或者在浏览器的搜索插件(plug-ins，可以通过与浏览器、搜索引擎等进行交互，在浏览器中增加搜索功能)等输入某个搜索对象发起搜索请求等等。当用户在搜索引擎网页中点击搜索控件时，就相当于接收到发起基于搜索引擎的搜索请求的指示；同样，当在搜索插件中输入某个搜索对象并点击确定按钮或按下回车键时，也相当于接收到发起基于搜索引擎的第一搜索请求的指示。

步骤102，当检测到滑动手势时，基于所述第一图像数据按照所述滑动手势加载第二图像数据；

在本发明实施例中，可以预先下载一帧或多帧图像数据，经过格式转换之后，以图集合的形式存储。

因此，在加载图像数据时，可以计算滑动手势的滑动方向，在缓存的图集合中，按照所述滑动方向查找与第一图像数据相邻的第二图像数据，当查找到时，加载第二图像数据。

例如，若滑动手势的为自左向右，则第二图像数据为位于第一图像数据下一帧的图像数据；若滑动手势的为自右向左，则第二图像数据为位于第一图像数据上一帧的图像数据。

当未查找到时，可以当未查找到时，向服务器请求一帧或多帧第二图像数据，经过格式转换之后，缓存至为图集合中，按照滑动方向加载与第一图像数据相邻的第二图像数据。

例如，若第一图像数据为图集合的最后一帧图像数据，且滑动手势的为自左向右，则第二图像数据为位于第一图像数据下一帧的图像数据，由于本地未缓存，则可以向服务器请求新的图像数据进行缓存，并加载位于第一图像数据下一帧的图像数据。

步骤103，确定所述第二图像数据所属的图组；

由于向服务器请求的图像数据可以是同属于同一个图组，也可能属于不同的图组，因此，需要确定新加载的第二图像数据所属的图组。

在本发明实施例中，图组除了第一图像数据所属的第一图组外，还可以包括第二图组。

需要说明的是，第二图组为除第一图组之外的图组，其主题与第一图组不同。

例如，第一图组的主题为2015年某地的车展，第二图组的主题为2014年该地的车展，由于主题相近，经常存储在一起。

在具体实现中，可以查询第一图像数据的第一图组标识、第二图像数据的第二图组标识。

其中，图组标识，可以指能够代表一个唯一确定的图组的信息，例如，图组ID、图组所属网页的URL(UniformResourceLocator，统一资源定位符)等等。

当第一图组标识与第二图组标识不相同时，确定第二图像数据属于第二图组，即第二图像数据与第一图像数据属于不同的图组。

步骤104，当所述第二图像数据切换到第二图组时，展示所述第二图组的标题。

若从第一图像数据切换至第二图像数据时，图组发生了切换，即从第一图组切换至第二图组，图组的主题发生变化，可以展示第二图组的标题title，提示用户切换了图组。

在具体实现中，可以查找第二图组的标题，调用页面中的脚本触发过渡效果，以展示第二图组的标题title。

进一步而言，由于移动设备的系统平台较多，为保持通用性，该展示是CSS3(CascadingStylesheet，层叠样式表)的transition(过渡)效果。

其中，transitions(过渡)被应用于元素指定的属性变化时，该属性经过一段时间逐渐的过渡到最终需要的值。

其可以通过JS(JavaScript，一种直译式脚本语言)脚本为页面设置不同的className(类名)来触发这些transition(过渡)效果。

当然，上述展示方式只是作为示例，在实施本发明实施例时，可以根据实际情况设置其他展示方式，例如，在Android系统中绘制TextView(文本视图)来展示第二图组的标题等，本发明实施例对此不加以限制。另外，除了上述展示方式外，本领域技术人员还可以根据实际需要采用其它展示方式，本发明实施例对此也不加以限制。

本发明实施例在检测到图组切换时，展示新切换到的第二图组的标题，提示用户切换了图组，防止继续浏览不需要的图片，避免了误操作，进而减少时间的浪费，也减少了服务器和终端资源的浪费。

参照图2，示出了根据本发明一个实施例的一种图组切换时的标题展示方法实施例2的步骤流程图，具体可以包括如下步骤：

步骤201，在移动设备中加载第一图组中的第一图像数据；

步骤202，当检测到滑动手势时，基于所述第一图像数据按照所述滑动手势加载第二图像数据；

步骤203，确定所述第二图像数据所属的图组；

由于向服务器请求的图像数据可以是同属于同一个图组，也可能属于不同的图组，因此，需要确定新加载的第二图像数据所属的图组。

在本发明实施例中，图组除了第一图像数据所属的第一图组外，还可以包括第二图组。

需要说明的是，第二图组为除第一图组之外的图组，其主题与第一图组不同。

例如，第一图组的主题为2015年某地的车展，第二图组的主题为2014年该地的车展，由于主题相近，经常存储在一起。

在具体实现中，可以查询第一图像数据的第一图组标识、第二图像数据的第二图组标识。

其中，图组标识，可以指能够代表一个唯一确定的图组的信息，例如，图组ID、图组所属网页的URL(UniformResourceLocator，统一资源定位符)等等。

当第一图组标识与所述第二图组标识相同时，确定第二图像数据属于第一图组，即第二图像数据与第一图像数据属于同一个图组。

步骤204，当所述第二图像数据未切换到第二图组时，隐藏所述第一图组的标题。

若从第一图像数据切换至第二图像数据时，图组未发生了切换，即仍然在第一图组中切换图像数据，图组的主题未发生变化，可以隐藏第一图组的标题title，防止干扰用户浏览。

在具体实现中，可以禁止调用页面中的脚本触发过渡效果，以隐藏第一图组的标题title。

进一步而言，由于移动设备的系统平台较多，为保持通用性，该展示是CSS3的transition(过渡)效果。

其中，transitions(过渡)被应用于元素指定的属性变化时，该属性经过一段时间逐渐的过渡到最终需要的值。

其可以禁止通过JS脚本为页面设置不同的className(类名)来禁止触发这些transition(过渡)效果。

当然，上述展示方式只是作为示例，在实施本发明实施例时，可以根据实际情况设置其他展示方式，例如，在Android系统中取消TextView(文本视图)来隐藏第一图组的标题等，本发明实施例对此不加以限制。另外，除了上述展示方式外，本领域技术人员还可以根据实际需要采用其它展示方式，本发明实施例对此也不加以限制。

对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。

参照图3，示出了根据本发明一个实施例的一种图组切换时的标题展示装置实施例1的结构框图，具体可以包括如下模块：

第一图像数据加载模块301，适于在移动设备中加载第一图组中的第一图像数据；

第二图像数据加载模块302，适于在检测到滑动手势时，基于所述第一图像数据按照所述滑动手势加载第二图像数据；

图组归属确定模块303，适于确定所述第二图像数据所属的图组；

标题展示模块304，适于在所述第二图像数据切换到第二图组时，展示所述第二图组的标题。

在本发明的一种可选实施例中，所述第二图像数据加载模块302还可以适于：

计算所述滑动手势的滑动方向；

在缓存的图集合中，按照所述滑动方向查找与所述第一图像数据相邻的第二图像数据；

当查找到时，加载所述第二图像数据。

在本发明的一种可选实施例中，所述第二图像数据加载模块302还可以适于：

当未查找到时，向服务器请求一帧或多帧第二图像数据，缓存至为图集合中；

按照所述滑动方向加载与第一图像数据相邻的第二图像数据。

在本发明的一种可选实施例中，所述图组归属确定模块303还可以适于：

查询所述第一图像数据的第一图组标识、所述第二图像数据的第二图组标识；

当所述第一图组标识与所述第二图组标识不相同时，确定所述第二图像数据属于第二图组。

在本发明的一种可选实施例中，所述标题展示模块304还可以适于：

查找所述第二图组的标题；

调用页面中的脚本触发过渡效果，以展示所述第二图组的标题。

参照图4，示出了根据本发明一个实施例的一种图组切换时的标题展示装置实施例2的结构框图，具体可以包括如下模块：

第一图像数据加载模块401，适于在移动设备中加载第一图组中的第一图像数据；

第二图像数据加载模块402，适于在检测到滑动手势时，基于所述第一图像数据按照所述滑动手势加载第二图像数据；

图组归属确定模块403，适于确定所述第二图像数据所属的图组；

标题隐藏模块404，适于在所述第二图像数据未切换到第二图组时，隐藏所述第一图组的标题。

在本发明的一种可选实施例中，所述图组归属确定模块403还可以适于：

查询所述第一图像数据的第一图组标识、所述第二图像数据的第二图组标识；

当所述第一图组标识与所述第二图组标识相同时，确定所述第二图像数据属于第一图组。

在本发明的一种可选实施例中，所述标题隐藏模块404还可以适于：

禁止调用页面中的脚本触发过渡效果，以隐藏所述第一图组的标题。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的图组切换时的标题展示设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (10)

1.一种图组切换时的标题展示方法，包括：

在移动设备中加载第一图组中的第一图像数据；

当检测到滑动手势时，基于所述第一图像数据按照所述滑动手势加载第二图像数据；

确定所述第二图像数据所属的图组；

当所述第二图像数据切换到第二图组时，展示所述第二图组的标题。

2.如权利要求1所述的方法，其特征在于，还包括：

当所述第二图像数据未切换到第二图组时，隐藏所述第一图组的标题。

3.如权利要求1或2所述的方法，其特征在于，所述基于所述第一图像数据按照所述滑动手势加载第二图像数据的步骤包括：

计算所述滑动手势的滑动方向；

在缓存的图集合中，按照所述滑动方向查找与所述第一图像数据相邻的第二图像数据；

当查找到时，加载所述第二图像数据。

4.如权利要求1或2或3所述的方法，其特征在于，所述基于所述第一图像数据按照所述滑动手势加载第二图像数据的步骤还包括：

当未查找到时，向服务器请求一帧或多帧第二图像数据，缓存至为图集合中；

按照所述滑动方向加载与第一图像数据相邻的第二图像数据。

5.如权利要求1或2或3或4所述的方法，其特征在于，所述确定所述第二图像数据所属的图组的步骤包括：

查询所述第一图像数据的第一图组标识、所述第二图像数据的第二图组标识；

当所述第一图组标识与所述第二图组标识相同时，确定所述第二图像数据属于第一图组；

当所述第一图组标识与所述第二图组标识不相同时，确定所述第二图像数据属于第二图组。

6.如权利要求1或2或3或4或5所述的方法，其特征在于，所述展示所述第二图组的标题的步骤包括：

查找所述第二图组的标题；

调用页面中的脚本触发过渡效果，以展示所述第二图组的标题。

7.如权利要求1或2或3或4或5或6所述的方法，其特征在于，所述隐藏所述第一图组的标题的步骤包括：

禁止调用页面中的脚本触发过渡效果，以隐藏所述第一图组的标题。

8.一种图组切换时的标题展示装置，包括：

第一图像数据加载模块，适于在移动设备中加载第一图组中的第一图像数据；

第二图像数据加载模块，适于在检测到滑动手势时，基于所述第一图像数据按照所述滑动手势加载第二图像数据；

图组归属确定模块，适于确定所述第二图像数据所属的图组；

标题展示模块，适于在所述第二图像数据切换到第二图组时，展示所述第二图组的标题。

9.如权利要求8所述的装置，其特征在于，还包括：

标题隐藏模块，适于在所述第二图像数据未切换到第二图组时，隐藏所述第一图组的标题。

10.如权利要求8或9所述的装置，其特征在于，所述第二图像数据加载模块还适于：

计算所述滑动手势的滑动方向；

在缓存的图集合中，按照所述滑动方向查找与所述第一图像数据相邻的第二图像数据；

当查找到时，加载所述第二图像数据。