CN114996499A - 一种交互方法、装置、计算机设备以及存储介质 - Google Patents

Abstract

本公开提供了一种交互方法、装置、计算机设备以及存储介质，其中，该方法包括：获取各搜索结果中的多张目标图片；所述目标图片基于所述搜索结果中所有图片得到；在所述搜索结果页展示各所述搜索结果的第一展示信息，所述第一展示信息包括：至少部分所述目标图片的预览图片和/或图片数量标识；响应于对所述第一展示信息的触发操作，确定所述触发操作对应的目标搜索结果的图片中间页，并在所述图片中间页中展示第二展示信息；所述第二展示信息包括以下至少之一：预设布局模式的目标图片、用于跳转至其他搜索结果的图片中间页的跳转标识。

Description

一种交互方法、装置、计算机设备以及存储介质

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种交互方法、装置、计算机设备以及存储介质。

背景技术

随着互联网技术的发展，用户可以通过搜索引擎对各种不同形式的搜索内容进行搜索或者浏览，例如，图片、文章和各种百科资料。针对通过搜索引擎对图片进行搜索和浏览来说，用户在通过现有的搜索引擎搜索或者浏览图片时，通常需要进入到对应搜索结果的详情页面，并在该详情页面对图片进行浏览。当用户想要浏览下一个搜索结果时，需要返回结果列表页，再通过结果列表页进入到下一个搜索结果的详情页面。现有搜索引擎的搜索或者浏览方式延长了用户的浏览路径，降低了用户的浏览效率和浏览体验。

发明内容

本公开实施例至少提供一种交互方法、装置、计算机设备以及存储介质。

第一方面，本公开实施例提供了一种交互方法，包括：

获取各搜索结果中的多张目标图片；所述目标图片基于所述搜索结果中所有图片得到；

在所述搜索结果页展示各所述搜索结果的第一展示信息，所述第一展示信息包括：至少部分所述目标图片的预览图片和/或图片数量标识；

响应于对所述第一展示信息的触发操作，确定所述触发操作对应的目标搜索结果的图片中间页，并在所述图片中间页中展示第二展示信息；所述第二展示信息包括以下至少之一：预设布局模式的目标图片、用于跳转至其他搜索结果的图片中间页的跳转标识。

一种可选的实施方式中，所述展示图片中间页，并在所述图片中间页中展示第二展示信息，包括：

在所述搜索结果页的上方展示目标悬浮弹窗；

在所述目标悬浮弹窗的第一文本展示区域展示所述目标搜索结果的关键信息和跳转链接；

在所述目标悬浮弹窗的图片展示区域展示所述预设布局模式的目标图片，并在所述目标悬浮弹窗的标识展示区域展示所述跳转标识。

一种可选的实施方式中，所述展示图片中间页，并在所述图片中间页中展示第二展示信息，包括：

跳转至图片展示页面；

在所述图片展示页面的第二文本展示区域展示所述目标搜索结果的关键信息和跳转链接；

在所述图片展示页面的图片展示区域展示所述预设布局模式的目标图片，并在所述图片展示页面的标识展示区域展示所述跳转标识。

一种可选的实施方式中，在所述第二展示信息包含所述跳转标识的情况下，所述在所述图片中间页中展示第二展示信息，包括：

在所述图片中间页的标识展示区域展示第一跳转窗口标识；

在所述第一跳转窗口标识中展示第一搜索结果的关键信息；其中，所述第一搜索结果为所述搜索结果页中与目标搜索结果具有位置关系的其他搜索结果，所述关键信息包含所述第一搜索结果和所述目标搜索结果的位置关系，和/或，所述第一搜索结果的关键信息。

一种可选的实施方式中，在所述第二展示信息包含所述跳转标识的情况下，所述在所述图片中间页中展示第二展示信息，包括：

确定所述搜索结果页中与多个待展示卡片相匹配的第二搜索结果；其中，所述第二搜索结果为所述搜索结果页中除当前搜索结果之外的其他搜索结果；

在每个所述待展示卡片中展示对应第二搜索结果的结果预览图片和该第二搜索结果的关键信息。

一种可选的实施方式中，所述方法还包括：

检测用户对所述多个待展示卡片的滑动操作，确定所述多个待展示卡片中与所述滑动操作相匹配的至少一个目标卡片；

在所述图片中间页中展示所述至少一个目标卡片，并在每个所述目标卡片中展示对应第二搜索结果的结果预览图片和该第二搜索结果的关键信息。

一种可选的实施方式中，所述第二展示信息包含预设布局模式的目标图片，所述在所述图片中间页中展示第二展示信息，包括：

获取所述目标图片的原始尺寸信息，并获取所述搜索结果的显示界面的界面宽度；所述原始尺寸信息用于指示所述目标图片的长度比例信息；

根据所述界面宽度和原始尺寸信息，调整所述目标图片的图片展示宽度和所述目标图片的图片展示高度；

基于调整之后的图片展示宽度和调整之后的图片展示高度，确定所述目标图片的展示尺寸；

基于所述展示尺寸在所述图片中间页中确定多列图片展示区域，并将所述目标图片展示在所述图片中间页中的多列图片展示区域中。

一种可选的实施方式中，所述方法还包括：

在所述图片中间页中展示第二展示信息之后，响应于用于对所述第二展示信息中跳转标识的第一触发操作，确定并跳转至展示该跳转标识所对应的其他搜索结果的图片中间页。

一种可选的实施方式中，所述方法还包括：

在所述图片中间页中展示第二展示信息之后，响应于用于对所述第二展示信息中目标图片的第二触发操作，跳转至与所述第二触发操作相匹配的目标图片的图片详情页面，并在所述图片详情页面中展示所述相匹配的目标图片的原始图片信息。

第二方面，本公开实施例还提供一种交互装置，其特征在于，包括：

获取单元，用于获取各搜索结果中的多张目标图片；所述目标图片基于所述搜索结果中所有图片得到；

第一展示单元，用于在所述搜索结果页展示各所述搜索结果的第一展示信息，所述第一展示信息包括：至少部分所述目标图片的预览图片和/或图片数量标识；

第二展示单元，用于响应于对所述第一展示信息的触发操作，展示图片中间页，并在所述图片中间页中展示第二展示信息；所述第二展示信息包括以下至少之一：预设布局模式的目标图片、用于跳转至其他搜索结果的图片中间页的跳转标识。

第三方面，本公开实施例还提供一种计算机设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当计算机设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。

第四方面，本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。

本公开实施例提供的交互方法、装置、计算机设备以及存储介质，在本公开实施例中，在获取到搜索结果的落地页的目标图片之后，可以在搜索结果页中展示搜索结果的关键信息、至少部分目标图片的预览图片和/或图片数量标识。通过该处理方式，可以更加简洁清楚的为用户展示搜索结果所对应的目标图片的相关信息，从而简化用户的搜索效率。之后，用户还可以触发第一展示信息，从而在显示界面中展示图片中间页，并在图片中间页中展示以下至少一种第二展示信息：关键信息、落地页的跳转链接、瀑布流式的目标图片、跳转标识。通过展示图片中间页的方式，可以使得用户通过图片中间页就可以实现目标图片的浏览，而不用再反复退回到搜索结果页进行其他搜索结果的浏览，从而提升了用户在搜索引擎对图片进行搜索或者浏览的效率。

为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，此处的附图被并入说明书中并构成本说明书中的一部分，这些附图示出了符合本公开的实施例，并与说明书一起用于说明本公开的技术方案。应当理解，以下附图仅示出了本公开的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本公开实施例所提供的一种交互方法的流程图；

图2示出了本公开实施例所提供的在搜索结果页展示各搜索结果的第一展示信息的示意图；

图3示出了本公开实施例所提供的一种展示图片中间页的示意图；

图4示出了本公开实施例所提供的另一种展示图片中间页的示意图；

图5示出了本公开实施例所提供的图片详情页展示目标图片原始信息的示意图；

图6示出了本公开实施例所提供的一种交互装置的示意图；

图7示出了本公开实施例所提供的一种计算机设备的示意图。

具体实施方式

为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本公开实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围，而是仅仅表示本公开的选定实施例。基于本公开的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

本文中术语“和/或”，仅仅是描述一种关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合，例如，包括A、B、C中的至少一种，可以表示包括从A、B和C构成的集合中选择的任意一个或多个元素。

经研究发现，针对通过搜索引擎对图片进行搜索和浏览来说，用户在通过现有的搜索引擎搜索或者浏览图片时，通常需要进入到对应搜索结果的详情页面，并在该详情页面对图片进行浏览。当用户想要浏览下一个搜索结果时，需要返回结果列表页，再通过结果列表页进入到下一个搜索结果的详情页面。现有搜索引擎的搜索或者浏览方式延长了用户的浏览路径，降低了用户的浏览效率和浏览体验。

基于上述研究，本公开提供了一种交互方法、装置、计算机设备以及存储介质，在本公开实施例中，在获取到各搜索结果中的多张目标图片之后，就可以在搜索结果页中展示各搜索结果的第一展示信息，从而提高用户的针对目标图片的搜索效率。之后，用户还可以触发第一展示信息，从而在显示界面中展示图片中间页，并在图片中间页中展示以第二展示信息，用户可以通过该第二展示信息中的跳转标识直接跳转至其他搜索结果的图片中间页，而不用退回到搜索结果页，再从搜索结果页跳转至上述其他搜索结果所对应的图片中间页，缩短了用户的浏览路径，提升了用户的搜索以及浏览效率。

为便于对本实施例进行理解，首先对本公开实施例所公开的一种交互方法进行详细介绍，本公开实施例所提供的交互方法的执行主体一般为具有一定计算能力的计算机设备。在一些可能的实现方式中，该交互方法可以通过处理器调用存储器中存储的计算机可读指令的方式来实现。

参见图1所示，为本公开实施例提供的一种交互方法的流程图，所述方法包括步骤S101～S105，其中：

S101：获取各搜索结果中的多张目标图片；所述目标图片基于所述搜索结果中所有图片得到。

在本公开实施例中，在检测到用户在搜索页面进行的搜索操作后，就可以获取该搜索操作所对应的搜索关键词，然后就可以对该搜索关键词进行tag(标签)匹配。这里可以将命中图片tag(例如，风景、壁纸、图片、人像等)的搜索关键词确定为图片搜索类型，并确定该搜索关键词所对应的多个搜索结果。应理解的是，图片搜索类型的搜索关键词所对应的搜索结果的内容可以以图片为主。

这里，各搜索结果中可以包含至少一张图片，具体的，该搜索结果的体裁可以为图片文字结合式的，或者纯图片形式的，本公开对搜索结果的体裁不做具体限定。在确定出上述搜索关键词所对应的多个搜索结果后，就可以响应于用户的展示请求，获取各搜索结果中的多张目标图片。

S103：在所述搜索结果页展示各所述搜索结果的第一展示信息，所述第一展示信息包括：至少部分所述目标图片的预览图片和/或图片数量标识。

在本公开实施例中，在确定出上述各搜索结果后，就可以为每个搜索结果确定对应的第一展示信息，并通过搜索结果页展示各搜索结果所对应的第一展示信息。

这里，如图2所示为在搜索结果页展示各搜索结果的第一展示信息的示意图，该搜索结果页中包含多个搜索结果的展示区域，每个展示区域用于展示各搜索结果的第一展示信息，其中，该第一展示信息包括：至少部分目标图片的预览图片和/或图片数量标识。

具体的，各搜索结果的展示区域中的图片展示数量是固定的，因此，首先可以根据图片选取规则在各搜索结果页中选择出符合该图片展示数量的至少部分目标图片，并为确定出的至少部分目标图片生成如图2所示的预览图片。

接下来，就可以基于各搜索结果中剩余目标图片的数量分别为各搜索结果确定出对应的图片数量标识，其中，剩余图片数量为各搜索结果中全部图片数量和至少部分目标图片的数量的差值。例如，若如图2所示的搜索结果1中包含的目标图片的总数量为n为15，搜索结果的展示区域中展示的至少部分目标图片的数量a为2，那么上述剩余目标图片数量为n-a＝13，则该搜索结果1所对应的图片数量标识为“+13”。

S105：响应于对所述第一展示信息的触发操作，确定所述触发操作对应的目标搜索结果的图片中间页，并在所述图片中间页中展示第二展示信息；所述第二展示信息包括以下至少之一：预设布局模式的目标图片、用于跳转至其他搜索结果的图片中间页的跳转标识。

在本公开实施例中，在检测到用户针对搜索结果页中展示的第一展示信息的触发操作之后，就可以确定该触发操作所对应的目标搜索结果，并跳转至该目标搜索结果所对应的图片中间页，该图片中间页用于展示第二展示信息。首先，该图片中间页可以按照预设布局模式展示该目标搜索结果中的目标图片。

应理解的是，在上述目标搜索结果的体裁不为纯图片形式的情况下，例如，图片文字结合式，那么，该目标搜过结果所对应的图片中间页中只展示该目标搜过结果中的目标图片，从而过滤掉该目标搜索结果页中的其它内容。

另外的，该图片展示中间页中还可以展示用于跳转至其他搜索结果的图片中间页的跳转标识。在确定该跳转标识的过程中，首先可以确定出上述搜索结果中除目标搜索结果外的其他搜索结果，并为该其他搜索结果中的至少部分搜索结果生成对应的跳转标识，以使用户能够基于该跳转标识直接跳转至对应搜索结果的图片中间页，而不用退回到搜索结果页，再从搜索结果页跳转至上述其他搜索结果所对应的图片中间页，缩短了用户的浏览路径。

通过上述描述可知，在本公开实施例中，在获取到各搜索结果中的多张目标图片之后，就可以在搜索结果页中展示各搜索结果的第一展示信息，从而提高用户的针对目标图片的搜索效率。之后，用户还可以触发第一展示信息，从而在显示界面中展示图片中间页，并在图片中间页中展示以第二展示信息，用户可以通过该第二展示信息中的跳转标识直接跳转至其他搜索结果的图片中间页，而不用退回到搜索结果页，再从搜索结果页跳转至上述其他搜索结果所对应的图片中间页，缩短了用户的浏览路径，提升了用户的搜索以及浏览效率。

在一个可选的实施方式中，上述步骤S105，展示图片中间页，并在所述图片中间页中展示第二展示信息，具体包括如下过程：

S11、在所述搜索结果页的上方展示目标悬浮弹窗；

S12、在所述目标悬浮弹窗的第一文本展示区域展示所述目标搜索结果的关键信息和跳转链接；

S13、在所述目标悬浮弹窗的图片展示区域展示所述目标图片，并在所述目标悬浮弹窗的标识展示区域展示所述跳转标识。

在本公开实施例中，在展示上述图片中间页时可以通过如图3所示的目标悬浮弹窗进行展示，其中，该目标悬浮弹窗位于搜索结果页的上方，并且该目标悬浮弹窗中包含第一文本展示区域以及图片展示区域。

具体的，上述第一文本展示区域用于展示目标搜索结果的至少部分关键信息和跳转链接。关键信息可以包含以下至少之一：该目标搜索结果的标题、来源信息、目标图片以及内容摘要，如图3所示，该第一文本展示区域展示的关键信息为目标搜索结果的标题、来源信息以及内容摘要，跳转链接可以用于跳转至该目标搜索结果的原网页，其中，区别于图片中间页中展示的第二展示信息，该原网页可以用于展示该目标搜索结果中的全部页面内容(文字内容和/或图片内容)。

另外的，上述目标悬浮弹窗的图片展示区域可以用于展示该目标搜索结果中的至少部分目标图片以及上述跳转标识，其中，如图3所示为图2中的搜索结果1所对应的图片中间页的示意图，该跳转标识所对应的搜索结果为搜索结果页中和该目标搜索结果相邻的下一条或者上一条搜索结果，例如，下一条搜索结果对应图2中的搜索结果2的图片中间页。

在本公开实施例中，在展示上述图片中间页时可以通过目标悬浮弹窗进行展示，从而增加了图片中间页的展示方式，丰富了用户的浏览体验。

在一个可选的实施方式中，上述步骤S105，展示图片中间页，并在所述图片中间页中展示第二展示信息，具体包括如下过程：

S21、跳转至图片展示页面；

S22、在所述图片展示页面的第二文本展示区域展示所述目标搜索结果的关键信息和跳转链接；

S23、在所述图片展示页面的图片展示区域展示所述预设布局模式的目标图片，并在所述图片展示页面的标识展示区域展示所述跳转标识。

在本公开实施例中，在展示上述图片中间页时可以通过如图4所示的图片展示页面进行展示，其中，该图片展示页面中包含二文本展示区域以及图片展示区域。

具体的，上述第二文本展示区域用于展示目标搜索结果的至少部分关键信息和跳转链接。如图4所示，该第二文本展示区域展示的关键信息为目标搜索结果的标题、来源信息以及内容摘要。

另外的，上述图片展示页面的图片展示区域可以用于展示该目标搜索结果中的至少部分目标图片以及上述跳转标识，其中，如图4所示，该跳转标识还可以为卡片形式的，用户可以通过触发该卡片跳转至对应的上述其他搜索结果的图片中间页。

在本公开实施例中，在展示上述图片中间页时可以通过图片展示页面进行展示，从而增加了图片中间页的展示方式，丰富了用户的浏览体验。

在一个可选的实施方式中，在所述第二展示信息包含所述跳转标识的情况下，上述步骤S105，在所述图片中间页中展示第二展示信息，具体包括如下过程：

S31、在所述图片中间页的标识展示区域展示第一跳转窗口标识；

S32、在所述第一跳转窗口标识中展示第一搜索结果的关键信息；其中，所述第一搜索结果为所述搜索结果页中与目标搜索结果具有位置关系的其他搜索结果，所述关键信息包含所述第一搜索结果和所述目标搜索结果的位置关系，和/或，所述第一搜索结果的关键信息。

在本公开实施例中，上述跳转标识的一种展示形式可以为第一跳转窗口标识，其中，该第一跳转窗口标识可以为如图3的标识展示区域中所示的跳转标识，应理解的是，该第一跳转窗口标识还可以展示在图4的标识展示区域中。

在上述跳转标识为第一跳转窗口标识的情况下，就可以确定第一搜索结果，并确定该第一搜索结果的关键信息，其中，该第一搜索结果用于指示在搜索结果页中，和当前图片中间页所对应的目标搜索结果具有位置关系的其他搜索结果。例如，和该搜索结果相邻的下一条或者上一条搜索结果，当然，该位置关系也可以用于指示该搜索结果的下N条或者上N条搜索结果。

在确定出上述第一搜索结果后，就可以基于该第一搜索结果和目标搜索结果的位置关系确定该第一搜索结果的关键信息，以便该关键信息可以指示第一搜索结果和目标搜索结果之间的位置关系。例如，该关键信息可以为如图3中所示的“上一条”标识。另外的，该关键信息还可以包含以下至少之一：上述目标搜索结果的标题、来源信息、目标图片以及内容摘要。

在本公开实施例中，上述跳转标识的一种展示形式可以为第一跳转窗口标识，该第一跳转窗口标识的标识面积较小，从而不会过多占用图片中间页中展示目标图片的展示面积，提高了用户浏览图片中间页时的浏览体验。

在一个可选的实施方式中，在第二展示信息包含所述跳转标识的情况下，上述步骤S105，在所述图片中间页中展示第二展示信息，具体包括如下过程：

S41、确定所述搜索结果页中与多个待展示卡片相匹配的第二搜索结果；其中，所述第二搜索结果为所述搜索结果页中除当前搜索结果之外的其他搜索结果；

S42、在每个所述待展示卡片中展示对应第二搜索结果的结果预览图片和该第二搜索结果的关键信息。

在本公开实施例中，上述跳转标识的一种展示形式可以为上述多个待展示卡片，其中，该待展示卡片可以如图4所示，其中，该多个待展示卡片位于图片中间页的底部，应理解的是，为了适应用户的浏览习惯，该待展示卡片的展示位置可以手动调整，另外，用户还可以设置隐藏该待展示卡片，从而减少了针对图片中间页中目标图片的遮挡。

这里，上述每个待展示卡片可以用于展示至少一个第二搜索结果的结果预览图片以及该第二搜索结果的关键信息，其中，该第二搜索结果可以为搜索结果页中和当前搜索结果具有位置关系的其他搜索结果，例如，和当前搜索结果相邻的M条其他搜索结果(上M条搜索结果和/或下M条搜索结果)。

在本公开实施例中，上述跳转标识的一种展示形式可以为待展示卡片，该待展示卡片可以展示第二搜索结果的结果预览图片和该第二搜索结果的关键信息，从而使得用户能够了解第二搜索结果中的内容，以便通过该待展示卡片跳转至对应的第二搜索结果所对应的图片中间页，提高了用户浏览图片中间页时的浏览效率。

在一个可选的实施方式中，在上述图片中间页中包含多个待展示卡片的情况下，上述方法还包括如下过程：

(1)、检测用户对所述多个待展示卡片的滑动操作，确定所述多个待展示卡片中与所述滑动操作相匹配的至少一个目标卡片；

(2)、在所述图片中间页中展示所述至少一个目标卡片，并在每个所述目标卡片中展示对应第二搜索结果的结果预览图片和该第二搜索结果的关键信息。

在本公开实施例中，受到终端设备显示界面尺寸的制约，在上述待展示卡片的数量为多个的情况下，可能无法将全部的待展示卡片同时展示在显示界面中。因此，用户可以通过滑动操作查看未展示在显示界面中的待展示卡片。

在检测到用户的滑动操作之后，就可以确定和该滑动操作相匹配的至少一个目标卡片，其中，该目标卡片可以为当前时刻未展示在显示界面中的待展示卡片。

具体实施时，可以基于上述滑动操作的滑动参数确定和该滑动操作相匹配的至少一个目标卡片，其中，该滑动参数可以包括滑动方向、滑动距离，滑动速度等。这里，该滑动方向用于指示目标卡片所对应的第二搜索结果和目标搜索结果之间的位置关系，例如，左滑用于指示第二搜索结果为目标搜索结果之前的搜索结果，右滑用于指示第二搜索结果为目标搜索结果之后的搜索结果。另外的，上述滑动距离和/或滑动速度用于指示至少一个目标卡片和当前展示在显示界面上的待展示卡片之间的距离，例如，100px。

在本公开实施例中，在终端设备无法同时显示全部的待展示卡片的情况下，可以通过滑动操作查看未展示在终端设备显示界面上的至少一个目标卡片，从而扩展了用户可查看的待展示卡片的数量，提高了用户的使用体验。

在一个可选的实施方式中，上述第二展示信息包含预设布局模式的目标图片，那么，上述步骤S105，在所述图片中间页中展示第二展示信息，具体包括如下过程：

S51、获取所述目标图片的原始尺寸信息，并获取所述搜索结果的显示界面的界面宽度；所述原始尺寸信息用于指示所述目标图片的长度比例信息；

S52、根据所述界面宽度和原始尺寸信息，调整所述目标图片的图片展示宽度和所述目标图片的图片展示高度；

S53、基于调整之后的图片展示宽度和调整之后的图片展示高度，确定所述目标图片的展示尺寸；

S54、基于所述展示尺寸在所述图片中间页中确定多列图片展示区域，并将所述目标图片展示在所述图片中间页中的多列图片展示区域中。

在本公开实施例中，上述预设布局模式可以为如图3以及图4中所示的瀑布流式布局，在该瀑布流式布局的图片中间页中，每张目标图片的图片展示宽度相同。

在确定上述瀑布流式布局的图片中间页的过程中，首先可以获取每张目标图片的原始尺寸信息以及显示界面的宽度，并获取该瀑布流式布局所指示的目标图片的图片列数。例如，如图3以及图4所示，瀑布流式布局所指示的目标图片的图片列数为两列。

接下来，就可以基于上述图片列数以及显示界面的宽度确定每张目标图片的图片展示宽度。具体实施时，目标图片的图片展示宽度＝显示界面的宽度/图片列数。在确定出目标图片的展示宽度之后，就可以调整每张目标图片的图片展示宽度，并基于每张目标图片的原始尺寸信息以及调整之后的图片展示宽度，调整该目标图片的图片展示高度，从而确定每张目标图片的展示尺寸。

在确定出每张目标图片的展示尺寸之后，可以确定图片中间页中的多列图片展示区域，并将调整之后的目标图片按照展示尺寸以及图片列数展示在多列图片展示区域中，其中，该图片展示区域如图3以及图4中所示。

由上可知，在第二展示信息包含预设布局模式的目标图片的情况下，可以基于搜索结果的显示界面的界面宽度以及目标图片的原始尺寸信息，调整目标图片的图片展示宽度以及图片展示高度，以使目标图片的展示尺寸符合该预设布局模式，从而减少了因为图片原始尺寸不规则而导致的界面视觉效果差，提高了界面美观性，保证了用户在浏览过程中的视觉体验。

在一个可选的实施方式中，上述图1所对应的实施方式具体还包括如下过程：

在所述图片中间页中展示第二展示信息之后，响应于用于对所述第二展示信息中跳转标识的第一触发操作，确定并跳转至展示该跳转标识所对应的其他搜索结果的图片中间页。

在本公开实施例中，上述跳转标识可以为如图3中所示的第一跳转窗口标识，还可以为如图4中所示的待展示卡片。在检测到用户对第二展示信息中跳转标识的第一触发操作之后，就可以确定该第一触发操作所指示跳转的其他搜索结果，从而跳转至该其他搜索结果的图片中间页。

这里，针对跳转标识的不同展示形式，确定第一触发操作所指示跳转的其他搜索结果的过程也可以是不同的，具体确定其他搜索结果的过程如下所述：

方式一：在跳转标识为如图3所示的第一跳转窗口标识的情况下。

由上可知，上述第一跳转窗口用于展示第一搜索结果的关键信息，其中，第一搜索结果为搜索结果页中与目标搜索结果具有位置关系的其他搜索结果，关键信息包含第一搜索结果和目标搜索结果的位置关系，和/或，第一搜索结果的关键信息，这里，可以通过第一触发操作触发该跳转窗口，从而跳转至该第一跳转窗口所指示的第一搜索结果的图片中间页。

因此，在上述关键信息包含第一搜索结果和目标搜索结果的位置关系的情况下，可以在搜索结果页中查找该目标搜索结果，并基于搜索结果页中各搜索结果之间的位置关系和上述关键信息所指示的第一搜索结果和目标搜索结果的位置关系，确定该第一搜索结果，并获取该第一搜索结果的跳转链接。

另外的，在上述关键信息包含第一搜索结果的关键信息的情况下，可以基于该关键信息在搜索结果页中确定该第一搜索结果，并获取该第一搜索结果的跳转链接。或者，该关键信息中还可以直接包含第一搜索结果的跳转链接，在检测到用户针对该第一跳转窗口标识的第一触发操作后，可以基于关键信息直接获取该第一搜索结果的跳转链接。

方式二：在跳转标识为如图4所示的待展示卡片的情况下。

由上可知，上述待展示卡片展示对应第二搜索结果的结果预览图片和该第二搜索结果的关键信息，这里，该第二搜索结果可以第一触发操作所指示跳转的其他搜索结果。

因此，可以基于该关键信息在搜索结果页中确定该第二搜索结果，并获取该第二搜索结果的跳转链接。或者，该关键信息中还可以直接包含第二搜索结果的跳转链接，在检测到用户针对该待展示卡片的第一触发操作后，可以基于关键信息直接获取该第二搜索结果的跳转链接。

在本公开实施例中，用户可以通过触发跳转标识来跳转至对应的其他搜索结果的图片中间页，以使用户在有浏览其他搜索结果的图片中间页时无需再回到搜索结果页，减少了用户的浏览步骤，缩短了用户的浏览路径，从而提高了用户的操作体验。

在一个可选的实施方式中，上述图1所对应的实施方式具体还包括如下过程：

在所述图片中间页中展示第二展示信息之后，响应于用于对所述第二展示信息中目标图片的第二触发操作，跳转至与所述第二触发操作相匹配的目标图片的图片详情页面，并在所述图片详情页面中展示所述相匹配的目标图片的原始图片信息。

在本公开实施例中，在检测到用户在图片中间页中的第二触发操作之后，就可以确定该第二触发操作所指示的目标图片，并在图片详情页面中展示该目标图片的原始图片信息，这里，图片详情页展示目标图片原始信息的示意图如图5所示。

另外的，该图片详情页中还可以包含图片位置标识以及图片分享标识，其中，该图片位置标识用于指示该目标图片在图片中间页中所处的位置，例如，1/5，该“1/5”标识用于指示该目标图片在图片中间页所包含的5张图片内为第一张图片。在检测到用户针对上述图片分享标识的触发操作后，可以获取用户的分享途径，并将该分享途径展示在该图片详情页中，以使用户选择对应的分享途径对该目标图片进行分享。

需要说明的是，用户可以通过滑动操作在给图片详情页中查看对应的图片中间页中的其他目标图片，从而进一步缩短了用户的浏览路径。

综上，在本公开实施例中，在获取到各搜索结果中的多张目标图片之后，就可以在搜索结果页中展示各搜索结果的第一展示信息，从而提高用户的针对目标图片的搜索效率。之后，用户还可以触发第一展示信息，从而在显示界面中展示图片中间页，并在图片中间页中展示以第二展示信息，用户可以通过该第二展示信息中的跳转标识直接跳转至其他搜索结果的图片中间页，而不用退回到搜索结果页，再从搜索结果页跳转至上述其他搜索结果所对应的图片中间页，缩短了用户的浏览路径，提升了用户的搜索以及浏览效率。

本领域技术人员可以理解，在具体实施方式的上述方法中，各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定，各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。

基于同一发明构思，本公开实施例中还提供了与交互方法对应的交互装置，由于本公开实施例中的装置解决问题的原理与本公开实施例上述交互方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。

参照图6所示，为本公开实施例提供的一种交互的示意图，所述装置包括：获取单元61、第一展示单元62、第二展示单元63；其中，

获取单元61，用于获取各搜索结果中的多张目标图片；所述目标图片基于所述搜索结果中所有图片得到；

第一展示单元62，用于在所述搜索结果页展示各所述搜索结果的第一展示信息，所述第一展示信息包括：至少部分所述目标图片的预览图片和/或图片数量标识；

第二展示单元63，用于响应于对所述第一展示信息的触发操作，展示图片中间页，并在所述图片中间页中展示第二展示信息；所述第二展示信息包括以下至少之一：预设布局模式的目标图片、用于跳转至其他搜索结果的图片中间页的跳转标识。

在本公开实施例中，在获取到各搜索结果中的多张目标图片之后，就可以在搜索结果页中展示各搜索结果的第一展示信息，从而提高用户的针对目标图片的搜索效率。之后，用户还可以触发第一展示信息，从而在显示界面中展示图片中间页，并在图片中间页中展示以第二展示信息，用户可以通过该第二展示信息中的跳转标识直接跳转至其他搜索结果的图片中间页，而不用退回到搜索结果页，再从搜索结果页跳转至上述其他搜索结果所对应的图片中间页，缩短了用户的浏览路径，提升了用户的搜索以及浏览效率。

一种可能的实施方式中，第二展示单元63，还用于：

在所述搜索结果页的上方展示目标悬浮弹窗；

在所述目标悬浮弹窗的第一文本展示区域展示所述目标搜索结果的关键信息和跳转链接；

在所述目标悬浮弹窗的图片展示区域展示所述预设布局模式的目标图片，并在所述目标悬浮弹窗的标识展示区域展示所述跳转标识。

一种可能的实施方式中，第二展示单元63，还用于：

跳转至图片展示页面；

在所述图片展示页面的第二文本展示区域展示所述目标搜索结果的关键信息和跳转链接；

在所述图片展示页面的图片展示区域展示所述预设布局模式的目标图片，并在所述图片展示页面的标识展示区域展示所述跳转标识。

一种可能的实施方式中，在所述第二展示信息包含所述跳转标识的情况下，第二展示单元63，还用于：

在所述图片中间页的标识展示区域展示第一跳转窗口标识；

在所述第一跳转窗口标识中展示第一搜索结果的关键信息；其中，所述第一搜索结果为所述搜索结果页中与目标搜索结果具有位置关系的其他搜索结果，所述关键信息包含所述第一搜索结果和所述目标搜索结果的位置关系，和/或，所述第一搜索结果的关键信息。

一种可能的实施方式中，在所述第二展示信息包含所述跳转标识的情况下，第二展示单元63，还用于：

确定所述搜索结果页中与多个待展示卡片相匹配的第二搜索结果；其中，所述第二搜索结果为所述搜索结果页中除当前搜索结果之外的其他搜索结果；

在每个所述待展示卡片中展示对应第二搜索结果的结果预览图片和该第二搜索结果的关键信息。

一种可能的实施方式中，第二展示单元63，还用于：

检测用户对所述多个待展示卡片的滑动操作，确定所述多个待展示卡片中与所述滑动操作相匹配的至少一个目标卡片；

在所述图片中间页中展示所述至少一个目标卡片，并在每个所述目标卡片中展示对应第二搜索结果的结果预览图片和该第二搜索结果的关键信息。

一种可能的实施方式中，所述第二展示信息包含预设布局模式的目标图片，第二展示单元63，还用于：

获取所述目标图片的原始尺寸信息，并获取所述搜索结果的显示界面的界面宽度；所述原始尺寸信息用于指示所述目标图片的长度比例信息；

根据所述界面宽度和原始尺寸信息，调整所述目标图片的图片展示宽度和所述目标图片的图片展示高度；

基于调整之后的图片展示宽度和调整之后的图片展示高度，确定所述目标图片的展示尺寸；

基于所述展示尺寸在所述图片中间页中确定多列图片展示区域，并将所述目标图片展示在所述图片中间页中的多列图片展示区域中。

一种可能的实施方式中，该装置还用于：

在所述图片中间页中展示第二展示信息之后，响应于用于对所述第二展示信息中跳转标识的第一触发操作，确定并跳转至展示该跳转标识所对应的其他搜索结果的图片中间页。

一种可能的实施方式中，该装置还用于：

在所述图片中间页中展示第二展示信息之后，响应于用于对所述第二展示信息中目标图片的第二触发操作，跳转至与所述第二触发操作相匹配的目标图片的图片详情页面，并在所述图片详情页面中展示所述相匹配的目标图片的原始图片信息。

关于装置中的各单元的处理流程、以及各单元之间的交互流程的描述可以参照上述方法实施例中的相关说明，这里不再详述。

实施例二

对应于图1中的交互方法，本公开实施例还提供了一种计算机设备700，如图7所示，为本公开实施例提供的计算机设备700结构示意图，包括：

处理器71、存储器72、和总线73；存储器72用于存储执行指令，包括内存721和外部存储器722；这里的内存721也称内存储器，用于暂时存放处理器71中的运算数据，以及与硬盘等外部存储器722交换的数据，处理器71通过内存721与外部存储器722进行数据交换，当所述计算机设备700运行时，所述处理器71与所述存储器72之间通过总线73通信，使得所述处理器71执行以下指令：

获取各搜索结果中的多张目标图片；所述目标图片基于所述搜索结果中所有图片得到；

在所述搜索结果页展示各所述搜索结果的第一展示信息，所述第一展示信息包括：至少部分所述目标图片的预览图片和/或图片数量标识；

响应于对所述第一展示信息的触发操作，确定所述触发操作对应的目标搜索结果的图片中间页，并在所述图片中间页中展示第二展示信息；所述第二展示信息包括以下至少之一：预设布局模式的目标图片、用于跳转至其他搜索结果的图片中间页的跳转标识。

本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中所述的交互方法的步骤。其中，该存储介质可以是易失性或非易失的计算机可读取存储介质。

本公开实施例还提供一种计算机程序产品，该计算机程序产品承载有程序代码，所述程序代码包括的指令可用于执行上述方法实施例中所述的交互方法的步骤，具体可参见上述方法实施例，在此不再赘述。

其中，上述计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中，所述计算机程序产品具体体现为计算机存储介质，在另一个可选实施例中，计算机程序产品具体体现为软件产品，例如软件开发包(Software Development Kit，SDK)等等。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。在本公开所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本公开各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上所述实施例，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施例技术方案的精神和范围，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应所述以权利要求的保护范围为准。

Claims (12)

1.一种交互方法，其特征在于，包括：

获取各搜索结果中的多张目标图片；所述目标图片基于所述搜索结果中所有图片得到；

在所述搜索结果页展示各所述搜索结果的第一展示信息，所述第一展示信息包括：至少部分所述目标图片的预览图片和/或图片数量标识；

响应于对所述第一展示信息的触发操作，确定所述触发操作对应的目标搜索结果的图片中间页，并在所述图片中间页中展示第二展示信息；所述第二展示信息包括以下至少之一：预设布局模式的目标图片、用于跳转至其他搜索结果的图片中间页的跳转标识。

2.根据权利要求1所述的方法，其特征在于，所述展示图片中间页，并在所述图片中间页中展示第二展示信息，包括：

在所述搜索结果页的上方展示目标悬浮弹窗；

在所述目标悬浮弹窗的第一文本展示区域展示所述目标搜索结果的关键信息和跳转链接；

在所述目标悬浮弹窗的图片展示区域展示所述预设布局模式的目标图片，并在所述目标悬浮弹窗的标识展示区域展示所述跳转标识。

3.根据权利要求1所述的方法，其特征在于，所述展示图片中间页，并在所述图片中间页中展示第二展示信息，包括：

跳转至图片展示页面；

在所述图片展示页面的第二文本展示区域展示所述目标搜索结果的关键信息和跳转链接；

在所述图片展示页面的图片展示区域展示所述预设布局模式的目标图片，并在所述图片展示页面的标识展示区域展示所述跳转标识。

4.根据权利要求1或2所述的方法，其特征在于，在所述第二展示信息包含所述跳转标识的情况下，所述在所述图片中间页中展示第二展示信息，包括：

在所述图片中间页的标识展示区域展示第一跳转窗口标识；

在所述第一跳转窗口标识中展示第一搜索结果的关键信息；其中，所述第一搜索结果为所述搜索结果页中与目标搜索结果具有位置关系的其他搜索结果，所述关键信息包含所述第一搜索结果和所述目标搜索结果的位置关系，和/或，所述第一搜索结果的关键信息。

5.根据权利要求1或3所述的方法，其特征在于，在所述第二展示信息包含所述跳转标识的情况下，所述在所述图片中间页中展示第二展示信息，包括：

确定所述搜索结果页中与多个待展示卡片相匹配的第二搜索结果；其中，所述第二搜索结果为所述搜索结果页中除当前搜索结果之外的其他搜索结果；

在每个所述待展示卡片中展示对应第二搜索结果的结果预览图片和该第二搜索结果的关键信息。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

检测用户对所述多个待展示卡片的滑动操作，确定所述多个待展示卡片中与所述滑动操作相匹配的至少一个目标卡片；

在所述图片中间页中展示所述至少一个目标卡片，并在每个所述目标卡片中展示对应第二搜索结果的结果预览图片和该第二搜索结果的关键信息。

7.根据权利要求1所述的方法，其特征在于，所述第二展示信息包含预设布局模式的目标图片，所述在所述图片中间页中展示第二展示信息，包括：

获取所述目标图片的原始尺寸信息，并获取所述搜索结果的显示界面的界面宽度；所述原始尺寸信息用于指示所述目标图片的长度比例信息；

根据所述界面宽度和原始尺寸信息，调整所述目标图片的图片展示宽度和所述目标图片的图片展示高度；

基于调整之后的图片展示宽度和调整之后的图片展示高度，确定所述目标图片的展示尺寸；

基于所述展示尺寸在所述图片中间页中确定多列图片展示区域，并将所述目标图片展示在所述图片中间页中的多列图片展示区域中。

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

在所述图片中间页中展示第二展示信息之后，响应于用于对所述第二展示信息中跳转标识的第一触发操作，确定并跳转至展示该跳转标识所对应的其他搜索结果的图片中间页。

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

在所述图片中间页中展示第二展示信息之后，响应于用于对所述第二展示信息中目标图片的第二触发操作，跳转至与所述第二触发操作相匹配的目标图片的图片详情页面，并在所述图片详情页面中展示所述相匹配的目标图片的原始图片信息。

10.一种交互装置，其特征在于，包括：

获取单元，用于获取各搜索结果中的多张目标图片；所述目标图片基于所述搜索结果中所有图片得到；

第一展示单元，用于在所述搜索结果页展示各所述搜索结果的第一展示信息，所述第一展示信息包括：至少部分所述目标图片的预览图片和/或图片数量标识；

第二展示单元，用于响应于对所述第一展示信息的触发操作，展示图片中间页，并在所述图片中间页中展示第二展示信息；所述第二展示信息包括以下至少之一：预设布局模式的目标图片、用于跳转至其他搜索结果的图片中间页的跳转标识。

11.一种计算机设备，其特征在于，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当计算机设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行如权利要求1至9任意一项所述的交互方法的步骤。

12.一种计算机可读存储介质，其特征在于，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行如权利要求1至9任意一项所述的交互方法的步骤。

Images