CN107239528B - 搜索结果显示方法及装置 - Google Patents
搜索结果显示方法及装置 Download PDFInfo
- Publication number
- CN107239528B CN107239528B CN201710393073.5A CN201710393073A CN107239528B CN 107239528 B CN107239528 B CN 107239528B CN 201710393073 A CN201710393073 A CN 201710393073A CN 107239528 B CN107239528 B CN 107239528B
- Authority
- CN
- China
- Prior art keywords
- ith
- sliding
- preview element
- preview
- user interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例提供了一种搜索结果显示方法及装置,涉及人机交互领域,所述方法包括:在第一用户界面上的第一局部区域叠加显示n个第一预览元素;接收在所述第i个第一预览元素上触发的触发操作;在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素。本公开通过在用户对第一预览元素进行选择操作之后,在第一用户界面上的第二局部区域叠加显示第二预览元素,用户可以根据第一级信息更精确地选择第二局部预览元素进行搜索,也可以对多个搜索结果信息进行快速的预览,减少了用户在搜索过程中的操作次数,提高了用户与终端进行人机交互时的效率。
Description
技术领域
本公开涉及人机交互领域,特别涉及一种搜索结果显示方法及装置。
背景技术
在用户使用终端上的应用程序时,经常会对应用程序的用户界面中显示的兴趣文本进行搜索。
在相关技术提供的搜索过程中,用户将用户界面上的兴趣文本进行复制,然后打开浏览器中的搜索框,将兴趣文本粘贴到搜索框中进行搜索;然后,浏览器显示与兴趣文本对应的多个搜索结果。如果用户希望查看某一个搜索结果的详细信息,则点击跳转至与该搜索结果对应的详情页面进行查看。
但是当详情页面中的内容并非用户期望的内容时,用户需要重新返回上一页面,然后点击跳转至与其它搜索结果对应的详情页面进行查看,或者需要重新复制兴趣文本进行搜索。
发明内容
为了方便用户对多个搜索结果信息进行快速的预览,解决用户查看不同搜索结果操作流程繁琐的问题,本公开实施例提供了一种搜索结果显示方法及装置。所述技术方案如下:
根据本公开的第一方面,提供了一种搜索结果显示方法,所述方法包括:
在第一用户界面上的第一局部区域叠加显示n个第一预览元素,第i个第一预览元素上显示有第i个搜索结果的第一级信息,i≤n且i,n均为正整数;
接收在所述第i个第一预览元素上触发的触发操作;
在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素,所述第二预览元素上显示有所述第i个搜索结果的第二级信息;
其中,所述第二局部区域的面积大于所述第一局部区域的面积。
在一个可选的实施例中,所述在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素,包括:
在所述第一用户界面的第二局部区域上叠加显示列表视图控件,所述列表视图控件包括所述第i个第二预览元素,所述第i个第二预览元素与其它第二预览元素在所述列表视图控件中按照第一方向顺序排列。
在一个可选的实施例中,所述在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素之后,还包括:
在所述第i个第二预览元素上接收第一滑动操作,所述第一滑动操作是沿第一方向滑动的操作;将所述第i个第二预览元素跟随所述第一滑动操作沿所述第一方向进行滑动显示,将所述第i个第二预览元素滑出所述第二局部区域的部分进行隐藏,将第i-1个第二预览元素滑入所述第二局部区域的部分进行显示,i为大于1的整数;
和/或,
在所述第i个第二预览元素上接收第二滑动操作,所述第二滑动操作是沿所述第二方向滑动的操作;将所述第i个第二预览元素跟随所述第二滑动操作沿所述第二方向进行滑动显示,将所述第i个第二预览元素滑出所述第二局部区域的部分进行隐藏,将第i+1个第二预览元素滑入所述第二局部区域的部分进行显示,i为小于或等于n-1的整数;
其中,所述第一方向和所述第二方向相反。
在一个可选的实施例中,所述方法还包括:
缓存至少一个第二预览元素对应的显示内容,所述至少一个第二预览元素包括:所述第i-1个第二预览元素,和/或,所述第i+1个第二预览元素。
在一个可选的实施例中,所述在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素之后,还包括:
在所述第i个第二预览元素上接收第三滑动操作,所述第三滑动操作是沿第三方向滑动的操作;根据所述第三滑动操作对所述第i个第二预览元素内的显示内容沿所述第三方向进行滑动显示,将所述显示内容中滑出所述第二局部区域的部分进行隐藏,将所述显示内容中滑入所述第二局部区域的部分进行显示;
和/或,
在所述第i个第二预览元素上接收第四滑动操作,所述第四滑动操作是沿第四方向滑动的操作;根据所述第四滑动操作对所述第i个第二预览元素内的显示内容沿所述第四方向进行滑动显示,将所述显示内容中滑出所述第二局部区域的部分进行隐藏,将所述显示内容中滑入所述第二局部区域的部分进行显示;
其中,所述第三方向和所述第四方向相反。
在一个可选的实施例中,所述第i个第二预览元素上包括第一预设控件,所述第一预设控件用于跳转至与所述第i个第二预览元素对应的第i个第二用户界面;
所述方法还包括:
接收在所述第一预设控件上触发的第一触发操作;
根据所述第一触发操作显示与所述第i个第二预览元素对应的第i个第二用户界面,所述第i个第二用户界面是所述第i个搜索结果对应的用户界面。
在一个可选的实施例中,所述第i个第二预览元素上包括第二预设控件,所述第二预设控件用于跳转至与所述第i个第二预览元素对应的第i个第二用户界面;
所述方法还包括:
接收到在所述第二预设控件上触发的第二触发操作;
根据所述第二触发操作显示分屏用户界面,所述分屏用户界面包括第一分屏和第二分屏,所述第一分屏用于显示与所述第i个第二预览元素对应的所述第i个第二用户界面,所述第二分屏用于显示所述第一用户界面。
在一个可选的实施例中,所述在第一用户界面上的第一局部区域叠加显示n个第一预览元素之后,还包括:
在第j个第一预览元素上接收第一滑动操作,所述第一滑动操作是沿所述第一方向滑动的操作;将所述第j个第一预览元素跟随所述第一滑动操作沿所述第一方向进行滑动显示,将所述第j个第一预览元素滑出所述第一局部区域的部分进行隐藏,将第j-1个第一预览元素滑入所述第一局部区域的部分进行显示,j为大于1的整数,且j小于或等于n;
和/或,
在第k个第一预览元素上接收第二滑动操作,所述第二滑动操作是沿所述第二方向滑动的操作;将所述第k个第一预览元素跟随所述第二滑动操作沿所述第二方向进行滑动显示,将所述第k个第一预览元素滑出所述第二局部区域的部分进行隐藏,将第j+1个第一预览元素滑入所述第二局部区域的部分进行显示,k为小于等于n的整数;
其中,所述第一方向和所述第二方向相反。
在一个可选的实施例中,所述第一局部区域是所述第一用户界面的底部区域,所述第二局部区域是所述第一用户界面的中部区域。
在一个可选的实施例中,所述在第一用户界面上的第一局部区域叠加显示n个第一预览元素,包括:
显示所述第一用户界面,所述第一用户界面包括至少一个界面元素;
接收在所述第一用户界面上触发的选择操作,所述选择操作用于从所述至少一个界面元素中选择出目标界面元素;
在所述第一用户界面的第一局部区域上叠加显示列表视图控件,所述列表视图控件包括与所述目标界面元素对应的n个第一预览元素,n≥2,所述第i个第一预览元素用于显示与所述目标界面元素对应的第i个搜索结果的第一级信息,所述n个第一预览元素在所述列表视图控件中按照第一方向顺序排列且第i个第一预览元素的尾部与第i+1个第一预览元素的首部相接,i为正整数且i≤n-1。
根据本公开的第二方面,提供了一种搜索结果显示装置,所述装置包括:
显示模块,被配置为在第一用户界面上的第一局部区域叠加显示n个第一预览元素,第i个第一预览元素上显示有第i个搜索结果的第一级信息,i≤n且i,n均为正整数;
操作接收模块,被配置为接收在所述第i个第一预览元素上触发的触发操作;
所述显示模块,被配置为在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素,所述第二预览元素上显示有所述第i个搜索结果的第二级信息;
其中,所述第二局部区域的面积大于所述第一局部区域的面积。
在一个可选的实施例中,所述显示模块,还被配置为在所述第一用户界面的第二局部区域上叠加显示列表视图控件,所述列表视图控件包括第i个第二预览元素,所述第i个第二预览元素与其它第二预览元素在所述列表视图控件中按照第一方向顺序排列。
在一个可选的实施例中,所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第一滑动操作,所述第一滑动操作是沿第一方向滑动的操作;
所述显示模块,被配置为将所述第i个第二预览元素跟随所述第一滑动操作沿所述第一方向进行滑动显示,将所述第i个第二预览元素滑出所述第二局部区域的部分进行隐藏,将第i-1个第二预览元素滑入所述第二局部区域的部分进行显示,i为大于1的整数;
和/或,
所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第二滑动操作,所述第二滑动操作是沿所述第二方向滑动的操作;
所述显示模块,被配置为将所述第i个第二预览元素跟随所述第二滑动操作沿所述第二方向进行滑动显示,将所述第i个第二预览元素滑出所述第二局部区域的部分进行隐藏,将第i+1个第二预览元素滑入所述第二局部区域的部分进行显示,i为小于或等于n-1的整数;
其中,所述第一方向和所述第二方向相反。
在一个可选的实施例中,所述装置还包括:
缓存模块,被配置为缓存至少一个第二预览元素对应的显示内容,所述至少一个第二预览元素包括:所述第i-1个第二预览元素,和/或,所述第i+1个第二预览元素。
在一个可选的实施例中,所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第三滑动操作,所述第三滑动操作是沿第三方向滑动的操作;
所述显示模块,被配置为根据所述第三滑动操作对所述第i个第二预览元素内的显示内容沿所述第三方向进行滑动显示,将所述显示内容中滑出所述第二局部区域的部分进行隐藏,将所述显示内容中滑入所述第二局部区域的部分进行显示;
和/或,
所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第四滑动操作,所述第四滑动操作是沿第四方向滑动的操作;
所述显示模块,被配置为根据所述第四滑动操作对所述第i个第二预览元素内的显示内容沿所述第四方向进行滑动显示,将所述显示内容中滑出所述第二局部区域的部分进行隐藏,将所述显示内容中滑入所述第二局部区域的部分进行显示;
其中,所述第三方向和所述第四方向相反。
在一个可选的实施例中,所述操作接收模块,还被配置为接收在所述第一预设控件上触发的第一触发操作;
所述显示模块,被配置为根据所述第一触发操作跳转显示与所述第i个第二预览元素对应的第i个第二用户界面,所述第i个第二用户界面是所述第i个搜索结果对应的用户界面。
在一个可选的实施例中,所述第i个第二预览元素上包括第二预设控件,所述第二预设控件用于跳转至与所述第i个第二预览元素对应的第i个第二用户界面;
所述方法还包括:
接收到在所述第二预设控件上触发的第二触发操作;
根据所述第二触发操作显示分屏用户界面,所述分屏用户界面包括第一分屏和第二分屏,所述第一分屏用于显示与所述第i个第二预览元素对应的所述第i个第二用户界面,所述第二分屏用于显示所述第一用户界面。
在一个可选的实施例中,所述操作接收模块,还被配置为在第j个第一预览元素上接收第一滑动操作,所述第一滑动操作是沿所述第一方向滑动的操作;
所述显示模块,被配置为将所述第j个第一预览元素跟随所述第一滑动操作沿所述第一方向进行滑动显示,将所述第j个第一预览元素滑出所述第一局部区域的部分进行隐藏,将第j-1个第一预览元素滑入所述第一局部区域的部分进行显示,j为大于1的整数,且j小于或等于n;
和/或,
所述操作接收模块,还被配置为在第k个第一预览元素上接收第二滑动操作,所述第二滑动操作是沿所述第二方向滑动的操作;
所述显示模块,还被配置为将所述第k个第一预览元素跟随所述第二滑动操作沿所述第二方向进行滑动显示,将所述第k个第一预览元素滑出所述第二局部区域的部分进行隐藏,将第j+1个第一预览元素滑入所述第二局部区域的部分进行显示,k为小于等于n的整数;
其中,所述第一方向和所述第二方向相反。
在一个可选的实施例中,所述显示模块,还被配置为显示所述第一用户界面,所述第一用户界面包括至少一个界面元素;
所述操作接收模块,还被配置为接收在所述第一用户界面上触发的选择操作,所述选择操作用于从所述至少一个界面元素中选择出目标界面元素;
所述显示模块,还被配置为在所述第一用户界面的第一局部区域上叠加显示列表视图控件,所述列表视图控件包括与所述目标界面元素对应的n个第一预览元素,n≥2,所述第i个第一预览元素用于显示与所述目标界面元素对应的第i个搜索结果的第一级信息,所述n个第一预览元素在所述列表视图控件中按照第一方向顺序排列且第i个第一预览元素的尾部与第i+1个第一预览元素的首部相接,i为正整数且i≤n-1。
本公开实施例提供的技术方案的有益效果是:
用户对第一预览元素进行选择操作之后,在第一用户界面上的第二局部区域叠加显示第二预览元素,可以提供对搜索结果的两级预览,其中第一预览元素上显示的第一级信息可以是对搜索结果的概括性介绍,第二预览元素上显示的第二级信息可以是对搜索结果的详细性介绍,用户可以通过第一预览元素进行简要预览后,再通过第二预览元素进行精确预览,提高选中感兴趣的搜索结果的准确率,提高了用户与终端在搜索过程中进行人机交互时的效率。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并于说明书一起用于解释本公开的原理。
图1是本公开一个示例性实施例提供的搜索结果显示方法的流程图;
图2A至图2B是本公开一个示例性实施例提供的搜索结果显示方法在实施时的界面示意图;
图3是本公开另一个示例性实施例提供的搜索结果显示方法的流程图;
图4A至图4B是本公开另一个示例性实施例提供的搜索结果显示方法在实施时的界面示意图;
图5是本公开另一个示例性实施例提供的搜索结果显示方法的流程图;
图6A至图6C是本公开另一个示例性实施例提供的搜索结果显示方法在实施时的界面示意图;
图7是本公开另一个示例性实施例提供的搜索结果显示方法的流程图;
图8A至图8B是本公开另一个示例性实施例提供的搜索结果显示方法在实施时的界面示意图;
图9是本公开一个示例性实施例提供的信息显示装置的框图;
图10是本公开一个示例性实施例提供的终端的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
图1是本公开一个示例性实施例提供的搜索结果显示方法的流程图。本实施例以该搜索结果显示方法应用于终端中来举例说明。该方法包括:
在步骤101中,在第一用户界面上的第一局部区域叠加显示n个第一预览元素。
第一用户界面可以是操作系统原生提供的应用程序的用户界面,也可以是第三方应用程序的用户界面。本申请中的“第三方”是指除用户和操作系统两方之外的另一方,不排除第三方和操作系统提供方实质上是同一组织的可能性。
终端在第一用户界面的第一局部区域上叠加显示n个第一预览元素,该第一预览元素为n个,存在至少两个第一预览元素中的第一级信息是不同的,n为正整数。可选地,n≥2。由于显示屏的显示区域的大小限制,在第一用户界面上正在显示的第一预览元素是n个第一预览元素的全部或者一部分。
第一局部区域是底部区域、顶部区域、左边框区域、右边框区域中的任意一个。第一局部区域是显示屏的整个显示区域中的一部分,通常是整个显示区域中未遮盖住目标界面元素的区域。可选地,若显示屏包括主屏和副屏,则局部区域是副屏所在的区域。可选的,第一局部区域为矩形区域,第一局部区域的宽度等于第一用户界面底边宽度,高度小于第一用户界面侧边的一半。
第i个第一预览元素中显示第i个搜索结果的第一级信息,可选的,搜索结果的第一级信息包括:人名信息、地名信息、百科介绍信息、导航信息、行程信息、用户评论信息、购物信息和网站信息中的至少一种。
在步骤102中,接收在第i个第一预览元素上触发的触发操作。
可选地,触发操作可以是对第一预览元素的点击操作、长按操作、压力触控操作、多次点击操作、悬浮触控操作和双指触控操作中的至少一种。
其中,点击操作是指用户点击触摸屏的操作,长按操作是按压触摸屏的时长超过第一时长的操作;压力触控操作是按压压力超过预设压力值的操作;多次点击操作是在预定时长内点击次数超过预定次数的操作;悬浮触控操作是悬浮在触摸屏上方的时长超过第二时长的操作;双指触控操作是用户使用双指同时点击触摸屏的操作。
可选地,在第i个第一预览元素中存有对应的URL地址,在第i个第一预览元素上触发的触发操作会使第一预览元素跳转至对应的第i个第二预览元素,第二预览元素上的显示的是与URL地址对应的网页页面。
在步骤103中,在第一用户界面上的第二局部区域叠加显示第i个第二预览元素。
示意性的,第二局部区域是显示屏的中部区域。第二局部区域是显示屏的整个显示区域中的一部分。示意性的,第二局部区域为矩形区域,第二局部区域的宽度小于或等于第一用户界面底边宽度,大于底边宽度的一半,高度小于或等于侧边高度,大于第一用户界面侧边的一半,本实施例并不限定第二局部区域的位置和大小。
可选地,第二预览元素是对与URL地址对应的网页页面的全屏界面的缩小,比如将网页页面的全屏界面按照80%的比例缩小后的画面。
可选地,第二预览元素为一个可操作的控件元素,第二预览元素为按照80%的比例缩小后的浏览器搜索界面,该界面不包含地址栏和工具栏部分。
第i个第二预览元素中显示第i个搜索结果的第二级信息,可选的,搜索结果的第二级信息包括:人名信息、地名信息、百科介绍信息、导航信息、行程信息、用户评论信息、购物信息和网站信息中的至少一种。第i个搜索结果的第二级信息的信息量大于第一级信息的信息量。可选的,第二预览元素的排列方式包括但不限于:第i个第二预览元素和第i+1个第二预览元素并列平铺排列,以第i个第二预览元素为主进行显示,第i+1个第二预览元素为辅进行显示,第i+1个第二预览元素只显示一部分,来向用户表示可以滑动,第i+1个第二预览元素也可以不显示,本实施例不限定。
以第i个第二预览元素和第i+1个第二预览元素并列平铺排列为例,结合图2A可知,第一用户界面21中存在第一局部区域211,在第一局部区域中显示有第i个第一预览元素22,第i个第一预览元素中显示第i个搜索结果的第一级信息。当用户在第i个第一预览元素22上触发了触发操作后,第一用户界面21中的第二局部区域212中显示第i个第二预览元素23以及第i+1个第二预览元素24的部分区域,第i个第二预览元素23中显示第i个搜索结果的第二级信息。
以第i个第二预览元素和第i+1个第二预览元素部分重叠排列为例,结合图2B可知,第一用户界面21中存在第一局部区域211,在第一局部区域中显示有第i个第一预览元素22,第i个第一预览元素中显示第i个搜索结果的第一级信息。当用户在第i个第一预览元素22上触发了触发操作后,第一用户界面21中的第二局部区域212中显示第i个第二预览元素25以及第i+1个第二预览元素26的部分区域,第i+1个第二预览元素26的与第i个第二预览元素25重叠部分被第i个第二预览元素25遮盖,第i个第二局部区域25中显示第i个搜索结果的第二级信息。
图3是本公开另一个示例性实施例提供的搜索结果显示方法的流程图。本实施例以该搜索结果显示方法应用于终端中来举例说明。该方法包括:
在步骤201中,显示应用程序的第一用户界面,第一用户界面中包括至少一个界面元素;
终端中安装的应用程序包括:操作系统提供的原生应用程序,和/或,用户自行安装的第三方应用程序。
对于一个应用程序,通常包括有多个用户界面。在终端中位于前台运行的应用程序的用户界面,会优先显示在终端的显示屏中。
第一用户界面上包括至少一个界面元素,每个界面元素均为第一用户界面上的一个组成部分,界面元素包括但不限于:文本、图片、音频和视频中的至少一种。
在步骤202中,接收在第一用户界面上触发的选择操作,该选择操作用于选择至少一个界面元素中的目标界面元素;
选择操作包括但不限于:长按操作、压力触控操作、多次点击操作、悬浮触控操作和双指触控操作中的至少一种。
其中,长按操作是按压触摸屏的时长超过第一时长的操作;压力触控操作是按压压力超过预设压力值的操作;多次点击操作是在预定时长内点击次数超过预定次数的操作;悬浮触控操作是悬浮在触摸屏上方的时长超过第二时长的操作;双指触控操作是用户使用双指同时点击触摸屏的操作。
目标界面元素是至少一个界面元素中的一个界面元素(不排除是两个或更多的可能性),目标界面元素通常是文本和图片中的至少一种。目标界面元素具有内容信息,当目标界面元素是文本时,内容信息是字符;当目标界面元素是图片时,内容信息是对图片进行OCR识别出的文字,或,内容信息是对图片进行图像识别出的物体的属性信息和/或类别信息。可选地,该图片是静态图片、动态图片中的一帧或视频中的一帧。
在步骤203中,在第一用户界面的第一局部区域叠加显示列表视图控件,列表视图控件包括n个第一预览元素。
可选的,列表视图控件包括n个第一预览元素,n≥2,所述n个第一预览元素在所述列表控件中按照第一方向顺序排列且第i个显示元素的尾部与第i+1个显示元素的首部相接,i为正整数且i≤n-1。
在步骤204中,接收在第i个第一预览元素上触发的触发操作。
触发操作包括但不限于:点击操作、长按操作、压力触控操作、多次点击操作、悬浮触控操作和双指触控操作中的至少一种。
其中,点击操作是指用户点击触摸屏的操作;长按操作是按压触摸屏的时长超过第一时长的操作;压力触控操作是按压压力超过预设压力值的操作;多次点击操作是在预定时长内点击次数超过预定次数的操作;悬浮触控操作是悬浮在触摸屏上方的时长超过第二时长的操作;双指触控操作是用户使用双指同时点击触摸屏的操作。
在步骤205中,在第一用户界面上的第二局部区域叠加显示第i个第二预览元素。
示意性的,第二局部区域是显示屏的中部区域。第二局部区域是显示屏的整个显示区域中的一部分。可选的,第二局部区域为矩形区域,第二局部区域的宽度等于第一用户界面底边宽度,高度大于第一用户界面侧边的一半。
示意性的,本实施例中以第二局部区域是显示屏的中部区域,第二局部区域为矩形区域,第二局部区域的宽度小于第一用户界面底边的宽度,高度大于第一用户界面侧边的一半为例。在不同的实施例中,第二局部区域也可以是屏幕上方区域、下方区域、左侧区域、右侧区域中的至少一种;第二局部区域也可以是椭圆形区域、六边形区域、不规则图形区域中的至少一种;第二局部区域的宽度也可以是等于第一用户界面的底边宽度,第二局部区域的高度也可以是等于第一用户界面的侧边高度的一半,本实施例对第二局部区域的位置、形状、宽度和高度不加以限制。
第i个第二预览元素中显示第i个搜索结果的第二级信息,可选的,搜索结果的第二级信息包括:人名信息、地名信息、百科介绍信息、导航信息、行程信息、用户评论信息、购物信息和网站信息中的至少一种。第i个搜索结果的第二级信息的信息量大于第一级信息的信息量。可选的,第二预览元素的排列方式包括但不限于:第i个第二预览元素和第i+1个第二预览元素并列排列、第i个第二预览元素和第i+1个第二预览元素部分重叠排列。
在步骤206中,在第i个第二预览元素上接收第一滑动操作。
可选的,第一滑动操作沿第一方向进行滑动的操作。可选的,第一滑动方向包括但不限于:沿水平方向向左排列、沿垂直方向向上排列。
在步骤207中,将第i个第二预览元素跟随第一滑动操作沿第一方向进行滑动显示。
沿第一方向进行滑动显示是指将第i个第二预览元素跟随第一滑动操作向第一方向滑动,将滑出第一用户界面的部分隐藏显示,并将滑入第一用户界面的部分进行显示。
以第一滑动方向为水平方向向左为例,结合图4A可知,第i个第二预览元素31与第i+1个第二预览元素32沿水平方向向右平铺排列,用户在第i个第二预览元素31上沿水平方向向左进行滑动操作后,将滑出第一用户界面的第i个第二预览元素31部分隐藏显示,将滑入第一用户界面的第i+1个第二预览元素32进行显示,并将滑入第一用户界面的第i+2个第二预览元素33的部分进行显示,当i等于n时,第i个第二预览元素的滑动情况包括但不限于:不跟随第一滑动操作沿第一方向进行滑动显示、跟随第一滑动操作沿第一方向进行滑动且在第一用户界面上显示无更多第二预览元素的信息中的至少一种,无更多第二预览元素的信息包括但不限于:跟随第一滑动操作沿第一方向发生相应的拉伸形变动画、跟随第一操作沿第一方向进行滑动并在滑动后在第一用户界面上显示无更多第二预览元素的提示性语句,本公开对此不加以限制。
在步骤208中,在第i个第二预览元素上接收第二滑动操作。
可选的,第二滑动操作沿第二方向进行滑动的操作。可选的,第二方向包括但不限于:沿水平方向向右排列、沿垂直方向向下排列。
在步骤209中,将第i个第二预览元素跟随第二滑动操作沿第二方向进行滑动显示。
沿第二方向进行滑动显示是指将第i个第二预览元素跟随第二滑动操作向第二方向滑动,将滑出第一用户界面的部分隐藏显示,并将滑入第一用户界面的部分进行显示。
以第二滑动方向为水平方向向右为例,结合图4B可知,第i个第二预览元素31与第i-1个第二预览元素34沿水平方向向右平铺排列,用户在第i个第二预览元素31上沿水平方向向右进行滑动操作后,将滑出第一用户界面的第i个第二预览元素31部分隐藏显示,将滑入第一用户界面的第i-1个第二预览元素34进行显示,并将滑入第一用户界面的第i-2个第二预览元素36的部分进行显示,当i等于1时,第i个第二预览元素不跟随第二滑动操作沿第二方向进行滑动显示。
上述实施例中所述的步骤206和步骤207所描述的第一滑动显示过程与步骤208和步骤209所描述的第二滑动显示过程为两个独立存在的滑动显示过程,在不同的实施例中:第一滑动显示过程与第二滑动显示过程可以交替执行,可以仅执行第一滑动显示过程也可以仅执行第二滑动显示过程;第一滑动显示过程可在第二滑动显示过程之前执行,也可在第二滑动显示过程之后执行,第一滑动显示过程与第二滑动显示过程也可以都不执行,具体的执行方式视终端接收到的用户的滑动操作而定,本公开对此不加以限定。
综上所述,本公开提供的搜索结果显示方法,在用户对第一预览元素进行选择操作之后,在第一用户界面上的第二局部区域叠加显示第二预览元素,用户可以对第二局部区域显示的不同第二预览元素之间进行切换,如:对第二局部区域中显示的不同第二预览元素进行左右切换,从而对多个第二预览元素显示的搜索结果信息的第二级信息进行快速的预览,减少了用户在搜索过程中的操作次数,提高了用户与终端进行人机交互时的效率。
在基于图3实施例的可选实施例中,步骤205之后还可以包括如下步骤306至步骤309,如图5所示:
在步骤306中,在第i个第二预览元素上接收第三滑动操作。
第三滑动操作是对第i个第二预览元素内的显示内容沿第三滑动操作方向进行滑动,将滑出第i个第二局部区域的部分进行隐藏显示,并将滑入第i个第二局部区域的部分进行显示。
可选的,第三滑动操作方向包括但不限于:垂直方向向上滑动。
在步骤307中,根据滑动操作对第i个第二预览元素内的显示内容沿第三滑动操作方向进行滑动显示。
以第三滑动操作方向为垂直方向向上为例,结合图6A可知,在第i个第二预览元素23上接收垂直方向向上的滑动操作后,根据滑动操作的方向对第i个第二预览元素内的显示内容沿垂直方向向上进行滑动后得到第i个第二预览元素27,将滑出第i个第二局部区域的部分进行隐藏显示,并将滑入第i个第二局部区域的部分进行显示。
可选的,当接收到在第i个第二预览元素上的滑动操作后,终端检测第i个第二预览元素的显示内容沿滑动操作的方向上是否存在未显示的部分,若存在未显示的部分,则根据第三滑动操作对第i个第二预览元素内的显示内容进行滑动显示,将显示内容中滑出第二局部区域的部分进行隐藏显示,将显示内容中滑入所述第二局部区域的部分进行显示;
以第三滑动操作的滑动方向为垂直方向向上为例,结合图6C可知,在本实施例中,第二预览元素是一个隐藏了地址栏的网页浏览器,第二预览元素上显示有标题栏和正文部分,标题栏包括了图标、标题和按钮等部分,由于正文部分的显示内容可能比较长,所以在正文部分的显示内容较长时提供了可以上下滑动查看的机制。示意性的,在第i个第二预览元素51上接收垂直方向向上的滑动操作后,检测第二预览元素51在垂直向下方向上是否有未显示内容,若存在未显示内容,根据第三滑动操作的方向对第i个第二预览元素内的显示内容沿垂直方向向上进行滑动,将显示内容中滑出第i个第二局部区域的部分进行隐藏显示,并将滑入第i个第二局部区域的部分进行显示。
在步骤308中,在第i个第二预览元素上接收第四滑动操作。
第四滑动操作是对第i个第二预览元素内的显示内容沿第四滑动操作方向进行滑动,将滑出第i个第二局部区域的部分进行隐藏显示,并将滑入第i个第二局部区域的部分进行显示。
可选的,第四滑动操作方向包括但不限于:垂直方向向下滑动。
在步骤309中,根据滑动操作对第i个第二预览元素内的显示内容沿第四滑动操作方向进行滑动显示。
以第四滑动操作方向为垂直方向向下为例,结合图6B可知,在第i个第二预览元素23上接收垂直方向向下的滑动操作后,根据滑动操作的方向对第i个第二预览元素内的显示内容沿垂直方向向下进行滑动,将显示内容中滑出第i个第二局部区域的部分进行隐藏显示,并将滑入第i个第二局部区域的部分进行显示。
上述实施例中所述的步骤306和步骤307所描述的第三滑动显示过程与步骤308和步骤309所描述的第四滑动显示过程为两个独立存在的滑动显示过程。在不同的实施例中:第三滑动显示过程与第四滑动显示过程可以交替执行,可以仅执行第三滑动显示过程也可以仅执行第四滑动显示过程,第三滑动显示过程可在第四滑动显示过程之前执行,也可在第四滑动显示过程之后执行,第三滑动显示过程与第四滑动显示过程也可以都不执行,具体的执行方式视终端接收到的用户的滑动操作而定,本公开对此不加以限定。
还需要说明的是,步骤206和步骤207所描述的第一滑动显示过程,步骤208和步骤209所描述的第二滑动显示过程,步骤306和步骤307所描述的第三滑动显示过程以及步骤308和步骤309所描述的第四滑动显示过程分别为四个独立的滑动显示过程,第一滑动显示过程、第二滑动显示过程、第三滑动显示过程和第四滑动显示过程之间也可以交替执行,可以仅执行其中任意一个或任意几个滑动显示过程,其中任意一个滑动显示过程可以在任意其他三个滑动显示过程之前执行也可在其他三个滑动显示过程之后执行,四个独立的滑动显示过程也可都不执行,具体的执行方式视终端接收到的用户的滑动操作而定。本公开对此不加以限定。
在上述实施例中,以第一方向、第二方向、第三方向以及第四方向分别为水平方向向左、水平方向向右、垂直方向向上以及垂直方向向下为例。在其它可能的实施例中,第一方向、第二方向、第三方向以及第四方向还可以分别是垂直方向向上、垂直方向向下、水平方向向左以及水平方向向右,对此本公开不加以限定。综上所述,本公开提供的搜索结果显示方法,在用户对第一预览元素进行选择操作之后,在第一用户界面上的第二局部区域叠加显示第二预览元素,用户可以通过对第二局部区域进行上下滑动,以便查看第二局部区域的正文部分中被隐藏的显示内容,提高了用户与终端进行人机交互时的效率。
在基于图3实施例的可选实施例中,步骤205之后还包括如下步骤407至步骤408,如图7所示:
在步骤407中,接收在第一预设控件上触发的第一触发操作。
第一预设控件是用于接收第一触发操作的控件。
可选地,第一预设控件为显示在第二预览元素上方的一个按钮,点击该按钮可触发打开第二用户界面的操作。本公开对此不加以限定。
在步骤408中,根据第一触发操作跳转显示与第i个第二预览元素对应的第i个第二用户界面。
第二用户界面是指搜索结果所对应的用户界面。
可选的,第二用户界面占据了显示屏上除顶部状态栏以外的全部区域;或,显示屏上包括顶部状态栏的全部区域。
在步骤409中,接收在第二预设控件上的第二触发操作。
第二预设控件是用于接收第二触发操作的控件。
可选地,第二预设控件为显示在第二预览元素上方的边框部分,向上拖动该边框部分到触摸屏顶部,可触发打开第二用户界面的操作。
在本实施例中,以向上拖动该边框部分到触摸屏的顶部可触发打开第二用户界面的操作为例,在实际的操作过程中,还可以向下拖动第二预览元素下方的边框部分至触摸屏底部,或向左拖动第二预览元素左侧的边框部分至触摸屏的左侧,或向右拖动第二预览元素右侧的边框部分至触摸屏的右侧来触发打开第二用户界面的操作,本公开对此不加以限定。
在步骤410中,根据第二触发操作显示分屏用户界面,该分屏用户界面包括第一分屏和第二分屏,第一分屏用于显示与第i个第二预览元素对应的第i个第二用户界面,第二分屏用于显示第一用户界面;
在上述实施例中,步骤407和步骤408所描述的第一跳转显示过程与步骤409和步骤410所描述的第二跳转显示过程为两个独立存在的跳转显示过程,用户可以选择单独触发第一跳转显示过程或单独触发第二跳转显示过程。
在一个可选的实施例中,第二用户界面是:浏览器或预定应用程序提供的界面。预定应用程序为与第二预览元素对应的预定应用程序,第二预览元素中为搜索结果的第二级信息,第一预览元素中为搜索结果的第一级信息,第二级信息为第一级信息的详细搜索信息。搜索结果的第一级信息包括但不限于:人名信息、地名信息、百科介绍信息、影视作品信息和购物信息中的至少一种。当然,搜索结果的第一级信息也可以包括其它未示出的信息,或者,搜索结果的第一级信息仅包括其它未示出的信息,而不包括上述列举的信息。
示意性的:
当搜索结果的第一级信息包括:人名信息时,第二预览元素跳转到的用户界面包括但不限于:浏览器的搜索引擎中对人名信息的搜索结果界面、人名在本地通讯录中匹配的联系人用户界面中的至少一种。
当搜索结果的第一级信息包括:地名信息时,第二预览元素跳转到的用户界面包括但不限于:浏览器的搜索引擎对地名信息的搜索结果界面、以该地点为为目的地的导航软件用户界面、该地点信息在本地应用或网络上的收藏入口中的至少一种。
当搜索结果的第一级信息包括:百科介绍信息时,第二预览元素跳转到的用户界面包括但不限于:浏览器的搜索引擎对百科介绍信息的搜索结果界面、该百科介绍信息在本地应用或网络上的收藏入口中的至少一种。
当搜索结果的第一级信息包括:影视作品信息时,第二预览元素跳转到的用户界面包括但不限于:浏览器的搜索引擎对影视作品信息的搜索结果界面、该影视作品信息在本地应用或网络上的收藏入口、该影视作品在网络上的购票入口中的至少一种。
当搜索结果的第一级信息包括:购物信息时,第二预览元素跳转到的用户界面包括但不限于:浏览器的搜索引擎对购物信息的搜索结果界面、该购物信息在本地应用或网络上的收藏入口、该购物信息在网络上的物流查询中的至少一种。
示意性的,结合图8A可知,用户在第一用户界面A中点击在第i个第二预览元素上方的第一预设控件35后,根据触发操作跳转显示与第i个第二预览元素对应的第i个第二用户界面B,第二用户界面B中的界面内容37与第i个第二预览元素中的第二级信息相对应,其中,第一用户界面A与第二用户界面B为两个不同的用户界面。
示意性的,结合图8B可知,用户在第一用户界面A垂直向上拖动第i个第二预览元素的边框部分38至触摸屏顶部后,终端的显示屏显示为分屏用户界面,分为第一分屏39以及第二分屏40。其中,第一分屏39中显示的是第二用户界面B,即与第i个第二预览元素对应的搜索结果界面;第二分屏40中显示的是第一用户界面A,其中,第一用户界面A与第二用户界面B为两个不同的用户界面。
可选地,第一分屏39占据分屏用户界面的一部分显示区域,第二分屏40占据分屏用户界面的另一部分显示区域。其中,第一分屏39中显示的是第二用户界面B的全部的缩小版或一部分界面内容;第二分屏40显示的是第一用户界面A的全部的缩小版或一部分界面内容。
在上述实施例中,以第一分屏39中显示的是第二用户界面B,第二分屏40中显示的是第一用户界面A为例,在实际操作中,第一分屏39中显示的可以是第一用户界面A,而第二分屏40中显示的可以是第二用户界面B,且分屏用户界面的分屏方式可以是第一分屏是屏幕上半部分、第二屏是屏幕下半部分,也可以是第一分屏是屏幕左半部分和第二分屏是屏幕右半部分。
在一个可选的实施例中,可以由第i个第一预览元素直接跳转到与第i个搜索结果对应的第二用户界面,而不需要显示第i个第二预览元素,此时图1所示的流程图中,步骤101至103可替换实现为如下步骤101’至103’:在步骤101’中,在第一用户界面上的第一局部区域叠加显示n个第一预览元素。
在步骤102’中,接收在第i个第一预览元素上触发的触发操作。
在步骤103’中,跳转显示与第i个第一预览元素对应的第i个第二用户界面。
可选地,操作系统还可以预先提供模式选择控件,该模式选择控件的配置项包括:第一模式与第二模式。当该配置项被配置为第一模式时,终端按照如图1所示的流程图完成步骤101至步骤103所示出的搜索结果显示方法;当该配置项被配置为第二模式时,终端按照上述步骤101’至步骤103’完成所述搜索结果显示方法。
图9示出了本公开一个示例性实施例提供的搜索结果显示装置的框图,该搜索结果显示装置可以通过软件、硬件和/或两者的结合实现成为终端的全部和一部分,该装置中安装有操作系统和应用程序,所述装置包括:
显示模块710,被配置为在第一用户界面上的第一局部区域叠加显示n个第一预览元素;
操作接收模块720,被配置为接收在所述第i个第一预览元素上触发的触发操作;
在一个可选地实施例中,所述显示模块710,被配置为在第一用户界面的第二局部区域上叠加显示列表视图控件;
在一个可选地实施例中,所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第一滑动操作,所述第一滑动操作是沿第一方向滑动的操作;
所述显示模块,还被配置为将所述第i个第二预览元素跟随所述第一滑动操作沿所述第一方向进行滑动显示;
和/或,
所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第二滑动操作,所述第二滑动操作是沿所述第二方向滑动的操作;
所述显示模块,还被配置为将所述第i个第二预览元素跟随所述第二滑动操作沿所述第二方向进行滑动显示;
在一个可选地实施例中,所述装置还包括:
缓存模块,被配置为缓存至少一个第二预览元素对应的显示内容;
在一个可选地实施例中,所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第三滑动操作,所述第三滑动操作是沿第三方向滑动的操作;
所述显示模块,被配置为根据所述第三滑动操作对所述第i个第二预览元素内的显示内容沿所述第三方向进行滑动显示;
和/或,
所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第四滑动操作,所述第四滑动操作是沿第四方向滑动的操作;
所述显示模块,被配置为根据所述第四滑动操作对所述第i个第二预览元素内的显示内容沿所述第四方向进行滑动显示;
在一个可选地实施例中,所述操作接收模块,被配置为接收在所述第一预设控件上触发的第一触发操作;
所述显示模块,被配置为根据所述第一触发操作跳转显示与所述第i个第二预览元素对应的第i个第二用户界面,所述第i个第二用户界面是所述第i个搜索结果对应的用户界面;
在一个可选地实施例中,所述操作接收模块,被配置为接收到在所述第二预设控件上触发的第二触发操作;
所述显示模块,被配置为根据第二触发操作显示分屏用户界面,该分屏用户界面包括第一分屏和第二分屏,第一分屏用于显示与第i个第二预览元素对应的第i个第二用户界面,第二分屏用于显示所述第一用户界面。
在一个可选地实施例中,所述所述操作接收模块,被配置为在第j个第一预览元素上接收第一滑动操作,所述第一滑动操作是沿所述第一方向滑动的操作;
所述显示模块,被配置为将所述第j个第一预览元素跟随所述第一滑动操作沿所述第一方向进行滑动显示;
和/或,
在第k个第一预览元素上接收第二滑动操作,所述第二滑动操作是沿所述第二方向滑动的操作;
所述显示模块,被配置为将所述第k个第一预览元素跟随所述第二滑动操作沿所述第二方向进行滑动显示;
在一个可选地实施例中,所述显示模块,被配置为显示所述第一用户界面,所述第一用户界面包括至少一个界面元素;
所述操作接收模块,被配置为接收在所述第一用户界面上触发的选择操作,所述选择操作用于从所述至少一个界面元素中选择出目标界面元素;
所述显示模块,被配置为在所述第一用户界面的第一局部区域上叠加显示列表视图控件。
图10示出了本公开一个示例性实施例提供的终端的结构示意图,该终端包括:显示屏41、处理器42、存储器43和网络接口44。
处理器42包括一个或一个以上的处理核心。
存储器43用于存储程序指令和/或数据,处理器42被配置为执行存储器43中的程序指令,从而实现各种功能应用以及数据处理。可选地,存储器43中存储的程序指令被执行时用于实现本公开各个实施例提供的信息显示方法中由终端执行的步骤。存储器43可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
显示屏41用于显示用户界面和接收外部输入的触摸操作。可选地,显示屏41是触摸屏,该触摸屏可以收集用户在其上或附近的触摸操作。可选地,触摸屏是支持悬浮触控的触摸屏,和/或,支持压力触控的触摸屏。
可选地,存储器43存储有至少一条程序指令,所述指令由处理器加载并执行以实现上述任一实施例的搜索结果显示方法。
网络接口44用于实现与终端之间、或与其它服务器之间的通信,网络接口44可以是有线通信组件,比如,光纤接口、RJ45网卡及接口等。网络接口44也可以是无线通信组件。
在示例性实施例中,还提供了一种计算机可读存储介质,例如包括指令的存储器43,上述指令可由处理器42执行以实现图1、图3、图4、图6、图7和图9所示的至少一个方法实施例中的搜索结果显示方法的步骤。例如,非临时性计算机可读存储介质可以使ROM、随机存取存储器(英文:Random-Access Memory,简称:RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (18)
1.一种搜索结果显示方法,其特征在于,所述方法包括:
显示第一用户界面,所述第一用户界面包括至少一个界面元素;
接收在所述第一用户界面上触发的选择操作,所述选择操作用于从所述至少一个界面元素中选择出目标界面元素;
在所述第一用户界面的第一局部区域上叠加显示列表视图控件,所述列表视图控件包括与所述目标界面元素对应的n个第一预览元素,n≥2,第i个第一预览元素用于显示与所述目标界面元素对应的第i个搜索结果的第一级信息,所述n个第一预览元素在所述列表视图控件中按照第一方向顺序排列且第i个第一预览元素的尾部与第i+1个第一预览元素的首部相接,i为正整数,且i≤n-1;
接收在所述第i个第一预览元素上触发的触发操作;
接收到所述触发操作后,在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素,所述第二预览元素上显示有所述第i个搜索结果的第二级信息;其中,所述第二局部区域的面积大于所述第一局部区域的面积;所述第i个第二预览元素上包括第一预设控件,所述第一预设控件用于跳转至与所述第i个第二预览元素对应的第i个第二用户界面;所述第i个搜索结果的第一级信息为对所述第i个搜索结果的概括性介绍,所述第i个搜索结果的第二级信息为对所述第i个搜索结果的详细性介绍;
接收在所述第一预设控件上触发的第一触发操作;
根据所述第一触发操作显示与所述第i个第二预览元素对应的所述第i个第二用户界面,所述第i个第二用户界面是所述第i个搜索结果对应的用户界面,所述第i个第二用户界面占据了显示屏用于显示界面内容的全部区域。
2.根据权利要求1所述的方法,其特征在于,所述在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素,包括:
在所述第一用户界面的第二局部区域上叠加显示列表视图控件,所述列表视图控件包括所述第i个第二预览元素,所述第i个第二预览元素与其它第二预览元素在所述列表视图控件中按照第一方向顺序排列。
3.根据权利要求1所述的方法,其特征在于,所述在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素之后,还包括:
在所述第i个第二预览元素上接收第一滑动操作,所述第一滑动操作是沿第一方向滑动的操作;将所述第i个第二预览元素跟随所述第一滑动操作沿所述第一方向进行滑动显示,将所述第i个第二预览元素滑出所述第二局部区域的部分进行隐藏,将第i-1个第二预览元素滑入所述第二局部区域的部分进行显示,i为大于1的整数;
和/或,
在所述第i个第二预览元素上接收第二滑动操作,所述第二滑动操作是沿第二方向滑动的操作;将所述第i个第二预览元素跟随所述第二滑动操作沿所述第二方向进行滑动显示,将所述第i个第二预览元素滑出所述第二局部区域的部分进行隐藏,将第i+1个第二预览元素滑入所述第二局部区域的部分进行显示,i为小于或等于n-1的整数;
其中,所述第一方向和所述第二方向相反。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
缓存至少一个第二预览元素对应的显示内容,所述至少一个第二预览元素包括:所述第i-1个第二预览元素,和/或,所述第i+1个第二预览元素。
5.根据权利要求1所述的方法,其特征在于,所述在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素之后,还包括:
在所述第i个第二预览元素上接收第三滑动操作,所述第三滑动操作是沿第三方向滑动的操作;根据所述第三滑动操作对所述第i个第二预览元素内的显示内容沿所述第三方向进行滑动显示,将所述显示内容中滑出所述第二局部区域的部分进行隐藏,将所述显示内容中滑入所述第二局部区域的部分进行显示;
和/或,
在所述第i个第二预览元素上接收第四滑动操作,所述第四滑动操作是沿第四方向滑动的操作;根据所述第四滑动操作对所述第i个第二预览元素内的显示内容沿所述第四方向进行滑动显示,将所述显示内容中滑出所述第二局部区域的部分进行隐藏,将所述显示内容中滑入所述第二局部区域的部分进行显示;
其中,所述第三方向和所述第四方向相反。
6.根据权利要求1所述的方法,其特征在于,所述第i个第二预览元素上包括第二预设控件,所述第二预设控件用于跳转至与所述第i个第二预览元素对应的第i个第二用户界面;
所述方法还包括:
接收到在所述第二预设控件上触发的第二触发操作;
根据所述第二触发操作显示分屏用户界面,所述分屏用户界面包括第一分屏和第二分屏,所述第一分屏用于显示与所述第i个第二预览元素对应的所述第i个第二用户界面,所述第二分屏用于显示所述第一用户界面。
7.根据权利要求1至6任一所述的方法,其特征在于,所述在第一用户界面上的第一局部区域叠加显示n个第一预览元素之后,还包括:
在第j个第一预览元素上接收第一滑动操作,所述第一滑动操作是沿所述第一方向滑动的操作;将所述第j个第一预览元素跟随所述第一滑动操作沿所述第一方向进行滑动显示,将所述第j个第一预览元素滑出所述第一局部区域的部分进行隐藏,将第j-1个第一预览元素滑入所述第一局部区域的部分进行显示,j为大于1的整数,且j小于或等于n;
和/或,
在第k个第一预览元素上接收第二滑动操作,所述第二滑动操作是沿第二方向滑动的操作;将所述第k个第一预览元素跟随所述第二滑动操作沿所述第二方向进行滑动显示,将所述第k个第一预览元素滑出所述第二局部区域的部分进行隐藏,将第j+1个第一预览元素滑入所述第二局部区域的部分进行显示,k为小于等于n的整数;
其中,所述第一方向和所述第二方向相反。
8.根据权利要求1至6任一所述的方法,其特征在于,所述第一局部区域是所述第一用户界面的底部区域,所述第二局部区域是所述第一用户界面的中部区域。
9.一种搜索结果显示装置,其特征在于,所述装置包括:
显示模块,被配置为显示第一用户界面,所述第一用户界面包括至少一个界面元素;
操作接收模块,被配置为接收在所述第一用户界面上触发的选择操作,所述选择操作用于从所述至少一个界面元素中选择出目标界面元素;
所述显示模块,被配置为在所述第一用户界面的第一局部区域上叠加显示列表视图控件,所述列表视图控件包括与所述目标界面元素对应的n个第一预览元素,n≥2,第i个第一预览元素用于显示与所述目标界面元素对应的第i个搜索结果的第一级信息,所述n个第一预览元素在所述列表视图控件中按照第一方向顺序排列且第i个第一预览元素的尾部与第i+1个第一预览元素的首部相接,i为正整数且i≤n-1;
所述操作接收模块,被配置为接收在所述第i个第一预览元素上触发的触发操作;
所述显示模块,被配置接收到所述触发操作后,为在所述第一用户界面上的第二局部区域叠加显示第i个第二预览元素,所述第二预览元素上显示有所述第i个搜索结果的第二级信息;其中,所述第二局部区域的面积大于所述第一局部区域的面积;所述第i个第二预览元素上包括第一预设控件,所述第一预设控件用于跳转至与所述第i个第二预览元素对应的第i个第二用户界面;所述第i个搜索结果的第一级信息为对所述第i个搜索结果的概括性介绍,所述第i个搜索结果的第二级信息为对所述第i个搜索结果的详细性介绍;
所述操作接收模块,被配置为接收在所述第一预设控件上触发的第一触发操作;
所述显示模块,被配置为根据所述第一触发操作显示与所述第i个第二预览元素对应的第i个第二用户界面,所述第i个第二用户界面是所述第i个搜索结果对应的用户界面,所述第i个第二用户界面占据了显示屏用于显示界面内容的全部区域。
10.根据权利要求9所述的装置,其特征在于,
所述显示模块,被配置为在所述第一用户界面的第二局部区域上叠加显示列表视图控件,所述列表视图控件包括第i个第二预览元素,所述第i个第二预览元素与其它第二预览元素在所述列表视图控件中按照第一方向顺序排列。
11.根据权利要求9所述的装置,其特征在于,
所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第一滑动操作,所述第一滑动操作是沿第一方向滑动的操作;
所述显示模块,还被配置为将所述第i个第二预览元素跟随所述第一滑动操作沿所述第一方向进行滑动显示,将所述第i个第二预览元素滑出所述第二局部区域的部分进行隐藏,将第i-1个第二预览元素滑入所述第二局部区域的部分进行显示,i为大于1的整数;
和/或,
所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第二滑动操作,所述第二滑动操作是沿第二方向滑动的操作;
所述显示模块,还被配置为将所述第i个第二预览元素跟随所述第二滑动操作沿所述第二方向进行滑动显示,将所述第i个第二预览元素滑出所述第二局部区域的部分进行隐藏,将第i+1个第二预览元素滑入所述第二局部区域的部分进行显示,i为小于或等于n-1的整数;
其中,所述第一方向和所述第二方向相反。
12.根据权利要求11所述的装置,其特征在于,所述装置,还包括:
缓存模块,被配置为缓存至少一个第二预览元素对应的显示内容,所述至少一个第二预览元素包括:所述第i-1个第二预览元素,和/或,所述第i+1个第二预览元素。
13.根据权利要求9所述的装置,其特征在于,
所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第三滑动操作,所述第三滑动操作是沿第三方向滑动的操作;
所述显示模块,被配置为根据所述第三滑动操作对所述第i个第二预览元素内的显示内容沿所述第三方向进行滑动显示,将所述显示内容中滑出所述第二局部区域的部分进行隐藏,将所述显示内容中滑入所述第二局部区域的部分进行显示;
和/或,
所述操作接收模块,还被配置为在所述第i个第二预览元素上接收第四滑动操作,所述第四滑动操作是沿第四方向滑动的操作;
所述显示模块,被配置为根据所述第四滑动操作对所述第i个第二预览元素内的显示内容沿所述第四方向进行滑动显示,将所述显示内容中滑出所述第二局部区域的部分进行隐藏,将所述显示内容中滑入所述第二局部区域的部分进行显示;
其中,所述第三方向和所述第四方向相反。
14.根据权利要求9所述的装置 ,其特征在于,所述装置包括:
所述操作接收模块,被配置为接收到在第二预设控件上触发的第二触发操作;
所述显示模块,被配置为根据所述第二触发操作显示分屏用户界面,所述分屏用户界面包括第一分屏和第二分屏,所述第一分屏用于显示与所述第i个第二预览元素对应的所述第i个第二用户界面,所述第二分屏用于显示所述第一用户界面。
15.根据权利要求9至14任一所述的装置,其特征在于,
所述操作接收模块,被配置为在第j个第一预览元素上接收第一滑动操作,所述第一滑动操作是沿所述第一方向滑动的操作;
所述显示模块,被配置为将所述第j个第一预览元素跟随所述第一滑动操作沿所述第一方向进行滑动显示,将所述第j个第一预览元素滑出所述第一局部区域的部分进行隐藏,将第j-1个第一预览元素滑入所述第一局部区域的部分进行显示,j为大于1的整数,且j小于或等于n;
和/或,
在第k个第一预览元素上接收第二滑动操作,所述第二滑动操作是沿第二方向滑动的操作;
所述显示模块,被配置为将所述第k个第一预览元素跟随所述第二滑动操作沿所述第二方向进行滑动显示,将所述第k个第一预览元素滑出所述第二局部区域的部分进行隐藏,将第j+1个第一预览元素滑入所述第二局部区域的部分进行显示,k为小于等于n的整数;
其中,所述第一方向和所述第二方向相反。
16.根据权利要求9至14任一所述的装置,其特征在于,所述第一局部区域是所述第一用户界面的底部区域,所述第二局部区域是所述第一用户界面的中部区域。
17.一种终端,其特征在于,所述终端包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如权利要求1至8任一所述的搜索结果显示方法。
18.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如权利要求1至8任一所述的搜索结果显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710393073.5A CN107239528B (zh) | 2017-05-27 | 2017-05-27 | 搜索结果显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710393073.5A CN107239528B (zh) | 2017-05-27 | 2017-05-27 | 搜索结果显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107239528A CN107239528A (zh) | 2017-10-10 |
CN107239528B true CN107239528B (zh) | 2021-06-15 |
Family
ID=59985422
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710393073.5A Active CN107239528B (zh) | 2017-05-27 | 2017-05-27 | 搜索结果显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107239528B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108664663A (zh) * | 2018-05-22 | 2018-10-16 | 北京小米移动软件有限公司 | 推荐信息显示方法、装置及存储介质 |
CN108829686B (zh) * | 2018-05-30 | 2022-04-15 | 北京小米移动软件有限公司 | 翻译信息显示方法、装置、设备及存储介质 |
CN108920515B (zh) * | 2018-05-31 | 2023-07-28 | 腾讯科技(深圳)有限公司 | 网页显示过程的信息推荐方法、装置、设备及存储介质 |
CN109299212B (zh) * | 2018-09-26 | 2024-09-13 | 中国平安人寿保险股份有限公司 | 搜索交互方法、装置、计算机设备和存储介质 |
CN109858000B (zh) * | 2019-01-10 | 2021-09-07 | 广州视源电子科技股份有限公司 | 表格处理方法、装置、系统、存储介质及交互智能平板 |
CN110309460B (zh) * | 2019-06-19 | 2021-08-03 | 百度在线网络技术(北京)有限公司 | 搜索结果页面展示方法、装置、设备及可读存储介质 |
CN114327196B (zh) * | 2021-12-31 | 2023-10-24 | 抖音视界有限公司 | 一种交互方法、装置、计算机设备以及存储介质 |
CN114675762A (zh) * | 2022-03-30 | 2022-06-28 | 青岛海信移动通信技术股份有限公司 | 一种终端设备、功能搜索方法和存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102129453A (zh) * | 2011-03-04 | 2011-07-20 | 黄斌 | 以图文并茂方式显示搜索结果的显示控制装置及其方法 |
CN102656549A (zh) * | 2009-12-17 | 2012-09-05 | 摩托罗拉移动公司 | 用于在电子设备中显示信息的方法和装置 |
CN104484363A (zh) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术(北京)有限公司 | 搜索结果的展现方法及装置 |
CN104809173A (zh) * | 2015-04-10 | 2015-07-29 | 百度在线网络技术(北京)有限公司 | 一种搜索结果的处理方法和装置 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7047502B2 (en) * | 2001-09-24 | 2006-05-16 | Ask Jeeves, Inc. | Methods and apparatus for mouse-over preview of contextually relevant information |
CN102945130A (zh) * | 2012-11-21 | 2013-02-27 | 广东欧珀移动通信有限公司 | 信息搜索方法及系统 |
-
2017
- 2017-05-27 CN CN201710393073.5A patent/CN107239528B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102656549A (zh) * | 2009-12-17 | 2012-09-05 | 摩托罗拉移动公司 | 用于在电子设备中显示信息的方法和装置 |
CN102129453A (zh) * | 2011-03-04 | 2011-07-20 | 黄斌 | 以图文并茂方式显示搜索结果的显示控制装置及其方法 |
CN104484363A (zh) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术(北京)有限公司 | 搜索结果的展现方法及装置 |
CN104809173A (zh) * | 2015-04-10 | 2015-07-29 | 百度在线网络技术(北京)有限公司 | 一种搜索结果的处理方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN107239528A (zh) | 2017-10-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107239528B (zh) | 搜索结果显示方法及装置 | |
CN107256109B (zh) | 信息显示方法、装置及终端 | |
US8443277B2 (en) | Digital content enhancement platform | |
EP3262497B1 (en) | Contextual zoom | |
CN106471458B (zh) | 电子书导航界面中的智能滑擦条 | |
US9152730B2 (en) | Extracting principal content from web pages | |
US8681111B2 (en) | Information processing device and information processing method | |
US20170220220A1 (en) | Advertisement generation apparatus and terminal device | |
US10878175B2 (en) | Portlet display on portable computing devices | |
RU2662632C2 (ru) | Представление документов фиксированного формата в формате с измененной компоновкой | |
US9792268B2 (en) | Zoomable web-based wall with natural user interface | |
WO2018112928A1 (zh) | 一种信息展示方法、装置及终端设备 | |
CN106227461B (zh) | 一种窗口切换方法及装置 | |
CN106681616B (zh) | 一种浏览器功能栏显示方法、装置及设备 | |
US20230266864A1 (en) | Display method and apparatus of page contents | |
WO2016022216A1 (en) | Summary views for ebooks | |
US20150213148A1 (en) | Systems and methods for browsing | |
CN106155507A (zh) | 一种页面内容显示方法及电子设备 | |
CN1987765A (zh) | 用于进行内容导航的系统和方法 | |
Hürst et al. | HiStory: a hierarchical storyboard interface design for video browsing on mobile devices | |
CN104899287B (zh) | 网页的显示方法和装置 | |
CN115917488A (zh) | 一种显示界面处理方法、装置及存储介质 | |
JP2023090743A (ja) | コンテンツを保存し表面化させるためのシステムおよび方法 | |
CN114115649B (zh) | 书籍详情展示方法、电子设备及存储介质 | |
JP2013541762A (ja) | サイトに重点を置いたブラウザーフレーム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |