CN107908325B - 界面展示方法及装置 - Google Patents

界面展示方法及装置 Download PDF

Info

Publication number
CN107908325B
CN107908325B CN201711122508.9A CN201711122508A CN107908325B CN 107908325 B CN107908325 B CN 107908325B CN 201711122508 A CN201711122508 A CN 201711122508A CN 107908325 B CN107908325 B CN 107908325B
Authority
CN
China
Prior art keywords
interface
icon
displaying
content
icons
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
Application number
CN201711122508.9A
Other languages
English (en)
Other versions
CN107908325A (zh
Inventor
杨芳芳
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Alibaba China Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Alibaba China Co Ltd filed Critical Alibaba China Co Ltd
Priority to CN201711122508.9A priority Critical patent/CN107908325B/zh
Publication of CN107908325A publication Critical patent/CN107908325A/zh
Priority to PCT/CN2018/105263 priority patent/WO2019095810A1/zh
Priority to TW107139842A priority patent/TW201918863A/zh
Application granted granted Critical
Publication of CN107908325B publication Critical patent/CN107908325B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开涉及一种界面展示方法及装置。该方法包括:在检测到界面移动时,判断移动是否满足显示图标的触发条件;在满足触发条件时,在界面的侧部显示与界面中的内容有关的图标。本公开实施例所提供的界面展示方法及装置,在检测到界面的移动满足显示图标的触发条件时,在界面的侧部显示与界面中的内容有关的图标。可以使用户在查看界面所显示的内容的过程中,通过查看图标确定界面的内容,避免错过感兴趣的内容,节省查看时间。

Description

界面展示方法及装置
技术领域
本公开涉及计算机技术领域,尤其涉及一种界面展示方法及装置。
背景技术
相关技术中,用户经常会通过手机等终端设备采用滑动或拖动等操作方式控制界面的移动,以浏览(或称为扫视)界面中展示的内容,从中寻找自己感兴趣的内容进行进一步的查看。但是,在用户通过操作控制界面快速移动的过程中,界面中的内容不会发生变化,仅仅是沿着用户滑动或拖动的方向快速移动。且在移动速度过快或者内容过多时,用户在快速浏览中难以及时、清楚地查看界面所展示的全部内容,甚至错过感兴趣的内容,无法满足用户的需求。
发明内容
有鉴于此,本公开提出了一种界面展示方法及装置,以解决界面展示过程中用户由于不能及时、清楚地查看界面所展示的内容,错过感兴趣的内容的问题。
根据本公开的第一方面,提供了一种界面展示方法,所述方法用于终端设备,所述方法包括:
在检测到界面移动时,判断所述移动是否满足显示图标的触发条件;
在满足所述触发条件时,在界面的侧部显示与界面中的内容有关的图标。
对于上述方法,在一种可能的实现方式中,判断所述移动是否满足显示图标的触发条件,包括:
判断界面移动速度是否超过速度阈值;
在界面移动速度超过所述速度阈值时,判断所述移动满足所述触发条件。
对于上述方法,在一种可能的实现方式中,所述界面的侧部包括所述界面的顶侧、底侧、左侧或右侧。
对于上述方法,在一种可能的实现方式中,所述图标包括以下中的至少一项:所述内容对应的画面中的头像、所述内容对应的产品和所述内容对应的文字。
对于上述方法,在一种可能的实现方式中,所述方法还包括:
在满足停止显示图标的条件时,停止显示所述图标。
对于上述方法,在一种可能的实现方式中,所述方法还包括:
在显示所述图标的时间超过时间阈值时,或者界面移动的像素超过像素阈值时,判断为满足停止显示图标的条件。
对于上述方法,在一种可能的实现方式中,所述方法还包括:
在检测到针对所述图标的触发操作时,使所述界面跳转至显示所述图标所对应的内容的位置。
对于上述方法,在一种可能的实现方式中,所述方法还包括:
在检测到针对所述图标的触发操作时,播放所述图标所对应的内容。
对于上述方法,在一种可能的实现方式中,在界面的侧部显示与界面中的内容有关的图标,包括:
确定与所述图标中与用户的历史行为匹配的匹配图标,并在所述界面的侧部显示所述匹配图标。
根据本公开的第二方面,提供了一种界面展示装置,包括:
移动检测模块,在检测到界面移动时,判断所述移动是否满足显示图标的触发条件;
图标显示模块,在满足所述触发条件时,在界面的侧部显示与界面中的内容有关的图标。
对于上述装置,在一种可能的实现方式中,所述移动检测模块包括:
判断子模块,判断界面移动速度是否超过速度阈值;
确定子模块,在界面移动速度超过所述速度阈值时,判断所述移动满足所述触发条件。
对于上述装置,在一种可能的实现方式中,所述界面的侧部包括所述界面的顶侧、底侧、左侧或右侧。
对于上述装置,在一种可能的实现方式中,所述图标包括以下中的至少一项:所述内容对应的画面中的头像、所述内容对应的产品和所述内容对应的文字。
对于上述装置,在一种可能的实现方式中,还包括:停止显示模块,在满足停止显示图标的条件时,停止显示所述图标。
对于上述装置,在一种可能的实现方式中,还包括:停止显示判断模块,在显示所述图标的时间超过时间阈值时,或者界面移动的像素超过像素阈值时,判断为满足停止显示图标的条件。
对于上述装置,在一种可能的实现方式中,还包括:界面跳转模块,在检测到针对所述图标的触发操作时,使所述界面跳转至显示所述图标所对应的内容的位置。
对于上述装置,在一种可能的实现方式中,还包括:内容播放模块,在检测到针对所述图标的触发操作时,播放所述图标所对应的内容。
对于上述装置,在一种可能的实现方式中,所述图标显示模块包括:匹配子模块,确定与所述图标中与用户的历史行为匹配的匹配图标,并在所述界面的侧部显示所述匹配图标。
根据本公开的第三方面,提供了一种界面展示装置,包括:处理器;用于存储处理器可执行指令的存储器;其中,所述处理器被配置为执行上述界面展示方法。
根据本公开的第四方面,提供了一种非易失性计算机可读存储介质,其上存储有计算机程序指令,其中,所述计算机程序指令被处理器执行时实现上述界面展示方法。
本公开实施例所提供的界面展示方法及装置,在检测到界面的移动满足显示图标的触发条件时,在界面的侧部显示与界面中的内容有关的图标。可以使用户在查看界面所显示的内容的过程中,通过查看图标确定界面的内容,避免错过感兴趣的内容,节省查看时间。
根据下面参考附图对示例性实施例的详细说明,本公开的其它特征及方面将变得清楚。
附图说明
包含在说明书中并且构成说明书的一部分的附图与说明书一起示出了本公开的示例性实施例、特征和方面,并且用于解释本公开的原理。
图1示出根据本公开一实施例的界面展示方法的流程图;
图2示出根据本公开一实施例的界面展示方法中显示图标的示意图;
图3示出根据本公开一实施例的界面展示方法的步骤S11的流程图;
图4示出根据本公开一实施例的界面展示方法的流程图;
图5示出根据本公开一实施例的界面展示方法中停止显示图标的示意图;
图6示出根据本公开一实施例的界面展示方法的流程图;
图7示出根据本公开一实施例的界面展示方法的流程图;
图8示出根据本公开一实施例的界面展示方法中界面跳转的示意图;
图9示出根据本公开一实施例的界面展示方法的流程图;
图10示出根据本公开一实施例的界面展示方法中播放图标所对应的内容的示意图;
图11a示出根据本公开一实施例的界面展示方法的应用场景的示意图;
图11b示出根据本公开一实施例的界面展示方法的应用场景的示意图;
图11c示出根据本公开一实施例的界面展示方法的应用场景的示意图;
图12示出根据本公开一实施例的界面展示装置的框图;
图13示出根据本公开一实施例的界面展示装置的框图;
图14示出根据本公开一实施例的用于界面展示的装置的框图。
具体实施方式
以下将参考附图详细说明本公开的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面,但是除非特别指出,不必按比例绘制附图。
在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。
另外,为了更好的说明本公开,在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解,没有某些具体细节,本公开同样可以实施。在一些实例中,对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述,以便于凸显本公开的主旨。
图1示出根据本公开一实施例的界面展示方法的流程图。如图1所示,该界面展示方法可以用于终端设备。该方法可以包括步骤S11和步骤S12。
在步骤S11中,在检测到界面移动时,判断移动是否满足显示图标的触发条件。
在本实施例中,可以获取界面移动的速度,进而根据界面移动的速度,判断移动是否满足显示图标的触发条件。
在本实施例中,终端设备可以为手机、平板电脑、智能手表、车载终端、MP3播放器、VR(Virtual Reality,虚拟现实)头显、VR眼镜、AR(Augmented Reality,增强现实)头显、AR眼镜、MR(Mixed Reality,混合显示)头显、MR眼镜、HUD(Head Up Display,平视显示器)或者智能电视等任何设备,本公开对此不作限制。该设备具有显示视频、音频或其他与人类的视觉、听觉、嗅觉、触觉、味觉相关的内容的功能。界面可以是与视频、音频、图片等多媒体资源相关的界面。用户可以通过滑动手指直接移动界面。还可以通过手柄、鼠标等辅助控制装置移动界面。用户还可以在相关装置的辅助下,通过眼神、意念(例如脑电波)、手势等移动界面,本公开对此不作限制。
在步骤S12中,在满足触发条件时,在界面的侧部显示与界面中的内容有关的图标。
在本实施例中,界面中的内容可以是界面中展示或包含的任意内容,例如界面中展示的视频海报和介绍、交互内容(例如即时消息)、项目列表、链接、产品等等。与界面中的内容有关的图标可以包括图片、文字等任意形式的内容,该图标可以是界面中的内容的一部分,也可以是与界面中的内容相关的、但未出现在界面中的信息。
在本实施例中,可以根据界面展示的内容、用户查看界面的速度等对触发条件进行设置。例如,在界面移动的速度超过用户可以清楚确定界面所显示的内容的速度的情况下,可以确定移动满足显示图标的触发条件。本公开对此不作限制。
在本实施例中,图标所对应的内容可以是当前时刻与界面中内容有关的图标。也可以是当前时刻之前与界面中内容有关的图标。例如,图标所对应的内容为当前时刻之前,上一屏界面中显示的内容。还可以是当前时刻之后与界面中内容有关的图标。例如,图标所对应的内容为当前时刻之后,下一屏界面中显示的内容。这样,可以保证用户不会错过感兴趣的内容。
在一种可能实现方式中,在界面的侧部已经显示与界面中的内容有关的图标的情况下,若界面的移动从满足显示图标的触发条件的情况转变为不满足显示的图标触发条件的情况,则在保持显示时间内保持在界面的侧部显示与界面中的内容有关的图标,或者停止在界面的侧部显示与界面中的内容有关的图标。可以根据图标所对应的内容的复杂程度等对保持显示时间进行设置,内容越复杂,保持时间越长。本公开对此不作限制。
在本实施例中,图标的形状可以是圆形、多边形等形状。并且,还可以对图标进行加边框、高亮等突出显示处理,本公开对此不作限制。这样,可以使图标在画面中更为显著,吸引用户的关注,避免用户错过感兴趣的内容。
在一种可能的实现方式中,界面的侧部可以包括界面的顶侧、底侧、左侧或右侧。
在该实现方式中,可以根据界面的移动方向、界面中画面所显示的内容和移动速度等确定图标的显示位置。例如,若确定界面在上下移动,则可以在界面的顶侧或底侧显示图标。若确定界面在左右移动,则可以在界面的左侧或右侧显示图标。图2示出根据本公开一实施例的界面展示方法中显示图标的示意图。如图2所示,图标可以以圆形形状显示在界面1的上侧(也即图标置顶)。本领域技术人员可以根据实际需要对图标在界面中的显示位置和形状进行设置,本公开对此不作限制。
在一种可能的实现方式中,图标可以包括以下至少一项:内容对应的画面中的头像、内容对应的产品和内容对应的文字。
在该实现中,在图标为内容对应的画面中的头像的情况下,内容对应的画面中的头像可以是画面中包含的人物、动物或卡通形象的头像。例如,画面中展示的即时通讯中联系人的头像;画面中展示的社交网站中账号的使用者的头像;画面中展示的电影、电视剧等视频资源的缩略图、海报、简介中角色的头像;综艺节目中参与出镜的人员等的头像。还可以是与画面中对应区域的内容相关联的头像,相关联的头像可以是与内容相关、但未出现在画面中的头像。例如,若画面中显示的是电影、电视剧等视频资源,则头像可以是缩略图、海报、简介中扮演角色的演员的头像。
在该实现中,在图标为内容对应的产品的情况下,内容对应的产品可以是产品的商标、产品的缩略图、产品的名称等描述与内容有关的产品的关键信息。并且,在用户点击产品的图标时,可以直接为用户提供购买该产品的链接,满足用户的购买需求。产品可以是出现在界面中的产品,还可以是与内容相关但并未出现在界面中的产品。本公开对此不作限制。例如,在用户通过购物网站购物进行购物筛选时,在界面的侧部显示与界面中内容相对应的产品的图标。或者,在用户进行电影筛选时,在界面的侧部显示电影中出现过的商品或者该电影的电影票等产品。
在该实现中,在图标为内容对应的文字的情况下,内容对应的文字可以是描述界面包含的具体内容的关键字或关键词,使用户可以根据文字确定界面的具体内容。文字可以是出现在界面中的文字,还可以是与内容相关但并未出现在界面中的文字。例如,界面中的电影、电视等视频的名称。界面中新闻的标题中的关键字,界面中新闻的撰写者、报道单位等。综艺节目中参与出镜的人员等的姓名。界面中的电影、电视等视频、或者综艺节目中演职人员的姓名等。应当理解的是,本领域技术人员可以根据实际需要对图标所包括的内容进行设置,本公开对此不作限制。
这样,可以使用户根据图标确定界面中所显示的内容,避免错过自己感兴趣的内容,节省选择的时间。
图3示出根据本公开一实施例的界面展示方法的步骤S11的流程图。
在一种可能的实现方式中,如图3所示,步骤S11可以包括步骤S111和步骤S112。
在步骤S111中,判断界面移动速度是否超过速度阈值。
在该实现方式中,可以根据界面包含的内容的复杂程度以及用户针对不同复杂程度的内容的阅读速度确定速度阈值。界面展示的内容越多越复杂,用户阅读、理解的速度越慢,速度阈值的取值越小。本公开对速度阈值的具体取值不作限制。
在步骤S112中,在界面移动速度超过速度阈值时,确定移动满足触发条件。
这样,可以在界面移动速度超过速度阈值时,为用户突出界面包含的画面中的头像,保证用户在界面移动速度较快的情况下,也可以确定界面包含的具体内容。
在一种可能的实现方式中,在界面的侧部显示与界面中的内容有关的图标,可以包括:确定与图标中与用户的历史行为匹配的匹配图标,并在界面的侧部显示匹配图标。
在该实现方式中,可以根据用户的浏览记录、检索记录等确定用户的历史行为,进而确定图标中与用户的历史行为匹配的匹配图标。例如,根据历史行为确定用户喜欢看喜剧类型的电影,若界面中内容为喜剧类型的电影A,则可以将与电影A有关的图标确定为匹配图标。本领域技术人员可以根据实际需要对获取用户的历史行为的方式进行设定,本公开对此不作限制。
图4示出根据本公开一实施例的界面展示方法的流程图。如图4所示,该方法除包括上述步骤S11和步骤S12之外,还可以包括步骤S13。
在步骤S13中,在满足停止显示图标的条件时,停止显示图标。
在本实施例中,可以根据用户移动界面的速度、用户清楚确定界面中内容的查看速度、界面中包含的内容的复杂程度确定是否满足停止显示图标的条件,本公开对此不作限制。
图5示出根据本公开一实施例的界面展示方法中停止显示图标的示意图。在图2所示的图标2的显示满足停止显示图标的条件的情况下,如图5所示在界面中不再显示图标2。这样,可以保证界面中显示的图标仅显示一定的时间,不会持续显示在界面中,使用户在看清图标的内容后便不再显示图标,避免在界面中显示过多的图标为用户移动和查看界面带来不便。
图6示出根据本公开一实施例的界面展示方法的流程图。如图6所示,该方法除包括上述步骤S11至步骤S13之外,还可以包括步骤S14。
在步骤S14中,在显示图标的时间超过时间阈值时,或者界面移动的像素超过像素阈值时,判断为满足停止显示图标的条件。
在本实施例中,还可以在显示图标的数量超过数量阈值时,判断为满足停止显示图标的条件。可以根据用户移动界面的速度、用户清楚确定界面中内容的查看速度、界面中包含的内容的复杂程度等对时间阈值、像素阈值和数量阈值进行设置。例如,在查看电视、电影等视频进行筛选的过程中,可以将像素阈值设置为2k。本领域技术人员可以根据实际需要对判断是否满足停止显示图标的条件进行设置,本公开对此不作限制。
图7示出根据本公开一实施例的界面展示方法的流程图。如图7所示,该方法除包括上述步骤S11和步骤S12之外,还可以包括步骤S15。
在步骤S15中,在检测到针对图标的触发操作时,使界面跳转至显示图标所对应的内容的位置。
在本实施例中,针对图标的触发操作可以包括用户对图标所进行的单击、双击等操作,本公开对此不作限制。使界面跳转至显示图标所对应的内容的位置之后,在界面中可以不再显示该图标。且在跳转至界面中图标所对应的内容的位置后,若检测到用户对该位置的内容发出播放、查看详情等操作的情况下,为用户显示图标所对应的具体内容,供用户查看。这样,减少用户的操作,节省用户的时间。图8示出根据本公开一实施例的界面展示方法中界面跳转的示意图。在检测到用户对图2所示的图标2进行单击的触发操作的情况下,如图8使界面1跳转至显示图标2所对应的内容的位置2’,以供用户选择是否进一步查看图标2所对应的内容。
图9示出根据本公开一实施例的界面展示方法的流程图。如图9所示,该方法除包括上述步骤S11和步骤S12之外,还可以包括步骤S16。
在步骤S16中,在检测到针对图标的触发操作时,播放图标所对应的内容。
在本实施例中,针对图标的触发操作可以是用户对图标发出的单击、双击等操作,本公开对此不作限制。这样,可以使用户通过图标确定感兴趣的内容后,直接对图标进行单击等触发操作便可以查看图标对应的内容,用户所进行的操作更少,操作的时间更短。图10示出根据本公开一实施例的界面展示方法中播放图标所对应的内容的示意图。在检测到用户对如图2所示的图标2进行单击的触发操作的情况下,如图10直接在界面1中为用户播放图标2所对应的内容2-2。
应用示例
以下结合“在界面中筛选感兴趣的视频”作为一个示例性应用场景,给出根据本公开实施例的应用示例,以便于理解界面展示方法的流程。本领域技术人员应理解,以下应用示例仅仅是出于便于理解本公开实施例的目的,不应视为对本公开实施例的限制。
图11a、图11b和图11c示出根据本公开一实施例的界面展示方法的应用场景的示意图。
如图11a所示,在不采用本公开所提供的界面展示方法的情况下,在用户在通过某视频客户端软件筛选视频的过程中,在界面中仅显示待选择的视频,并不在界面的侧部显示与界面中的内容有关的图标。在现有技术中,在用户通过操作控制界面快速移动的过程中,界面中的元素等内容不会发生变化,仅仅是沿着用户指示的方向快速移动。但由于移动速度较快,用户很可能错过自己感兴趣的视频。
如图11b所示,在确定用户移动界面的速度超过速度阈值的情况下,在界面的上侧显示与界面中的内容有关的图标01、02、03和04,图标01、02、03和04为图11a中所示的多个圆形区域,圆形区域中包括与界面中包含的内容有关的头像。
如图11c所示,在用户点击例如图标02的情况下,使界面跳转至该图标02所对应的内容的位置02-1,同时在界面中不再显示图标02。在检测到用户点击位置02-1中的内容的情况下,为用户显示对应的内容。这样,即便用户在移动界面的过程中,可以通过在界面上侧显示的图标查看对应的内容,保证用户不会错过感兴趣的内容,且用户所进行的操作少、操作时间短。
需要说明的是,尽管以上述实施例作为示例介绍了界面展示方法,但本领域技术人员能够理解,本公开应不限于此。事实上,用户完全可根据个人喜好和/或实际应用场景灵活设定各步骤,只要符合本公开的技术方案即可。
本公开实施例所提供的界面展示方法,在检测到界面的移动满足显示图标的触发条件时,在界面的侧部显示与界面中的内容有关的图标。可以使用户在查看界面所显示的内容的过程中,通过查看图标确定界面的内容,避免错过感兴趣的内容,节省查看时间。
图12示出根据本公开一实施例的界面展示装置的框图。如图12所示,该装置可以包括移动检测模块30和图标显示模块40。该移动检测模块30被配置为在检测到界面移动时,判断移动是否满足显示图标的触发条件。该图标显示模块40被配置为在满足触发条件时,在界面的侧部显示与界面中的内容有关的图标。
图13示出根据本公开一实施例的界面展示装置的框图。
在一种可能的实现方式中,如图13所示,移动检测模块30可以包括判断子模块301和确定子模块302。该判断子模块301被配置为判断界面移动速度是否超过速度阈值。该确定子模块302被配置为在界面移动速度超过速度阈值时,判断移动满足触发条件。
在一种可能的实现方式中,界面的侧部可以包括界面的顶侧、底侧、左侧或右侧。
在一种可能的实现方式中,图标可以包括以下至少一项:内容对应的画面中的头像、所述内容对应的产品和内容对应的文字。
在一种可能的实现方式中,如图13所示,该装置还可以包括停止显示模块50。该停止显示模块50被配置为在满足停止显示图标的条件时,停止显示图标。
在一种可能的实现方式中,如图13所示,该装置还可以包括停止显示判断模块60。该停止显示判断模块60被配置为在显示图标的时间超过时间阈值时,或者界面移动的像素超过像素阈值时,判断为满足停止显示图标的条件。
在一种可能的实现方式中,如图13所示,该装置还可以包括界面跳转模块70。该界面跳转模块70被配置为在检测到针对图标的触发操作时,使界面跳转至显示图标所对应的内容的位置。
在一种可能的实现方式中,如图13所示,该装置还可以包括内容播放模块80。该内容播放模块80被配置为在检测到针对图标的触发操作时,播放图标所对应的内容。
在一种可能的实现方式中,如图13所示,图标显示模块40可以包括匹配子模块401。该匹配子模块401被配置为确定与图标中与用户的历史行为匹配的匹配图标,并在界面的侧部显示匹配图标。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处不做详细阐述说明。
需要说明的是,尽管以上述实施例作为示例介绍了界面展示装置如上,但本领域技术人员能够理解,本公开应不限于此。事实上,用户完全可根据个人喜好和/或实际应用场景灵活设定各部分,只要符合本公开的技术方案即可。
本公开实施例所提供的界面展示装置,在检测到界面的移动满足显示图标的触发条件时,在界面的侧部显示与界面中的内容有关的图标。可以使用户在查看界面所显示的内容的过程中,通过查看图标确定界面的内容,避免错过感兴趣的内容,节省查看时间。
图14示出根据本公开一实施例的用于界面展示的装置800的框图。例如,装置800可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图14,装置800可以包括以下一个或多个组件:处理组件802,存储器804,电源组件806,多媒体组件808,音频组件810,输入/输出(I/O)的接口812,传感器组件814,以及通信组件816。
处理组件802通常控制装置800的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件802可以包括一个或多个模块,便于处理组件802和其他组件之间的交互。例如,处理组件802可以包括多媒体模块,以方便多媒体组件808和处理组件802之间的交互。
存储器804被配置为存储各种类型的数据以支持在装置800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件806为装置800的各种组件提供电力。电源组件806可以包括电源管理系统,一个或多个电源,及其他与为装置800生成、管理和分配电力相关联的组件。
多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件808包括一个前置摄像头和/或后置摄像头。当装置800处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件810被配置为输出和/或输入音频信号。例如,音频组件810包括一个麦克风(MIC),当装置800处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中,音频组件810还包括一个扬声器,用于输出音频信号。
I/O接口812为处理组件802和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件814包括一个或多个传感器,用于为装置800提供各个方面的状态评估。例如,传感器组件814可以检测到装置800的打开/关闭状态,组件的相对定位,例如所述组件为装置800的显示器和小键盘,传感器组件814还可以检测装置800或装置800一个组件的位置改变,用户与装置800接触的存在或不存在,装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件814还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件816还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种非易失性计算机可读存储介质,例如包括计算机程序指令的存储器804,上述计算机程序指令可由装置800的处理器820执行以完成上述方法。
以上已经描述了本公开的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (20)

1.一种界面展示方法,其特征在于,所述方法用于终端设备,所述方法包括:
在检测到界面移动时,判断所述移动是否满足显示图标的触发条件;
在满足所述触发条件时,显示界面中的内容并在界面的侧部显示与界面中的内容有关的图标,
其中,所述方法还包括:
在界面当前显示的图标中存在满足停止显示图标的条件的图标时,停止显示满足停止显示图标的条件的图标、继续显示界面中的内容以及显示剩余与界面中的内容有关的图标。
2.根据权利要求1所述的方法,其特征在于,判断所述移动是否满足显示图标的触发条件,包括:
判断界面移动速度是否超过速度阈值;
在界面移动速度超过所述速度阈值时,判断所述移动满足所述触发条件。
3.根据权利要求1所述的方法,其特征在于,所述界面的侧部包括所述界面的顶侧、底侧、左侧或右侧。
4.根据权利要求1所述的方法,其特征在于,所述图标包括以下至少一项:所述内容对应的画面中的头像、所述内容对应的产品和所述内容对应的文字。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在满足停止显示图标的条件时,停止显示所述图标。
6.根据权利要求5所述的方法,其特征在于,所述方法还包括:
在显示所述图标的时间超过时间阈值时,或者界面移动的像素超过像素阈值时,判断为满足停止显示图标的条件。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在检测到针对所述图标的触发操作时,使所述界面跳转至显示所述图标所对应的内容的位置。
8.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在检测到针对所述图标的触发操作时,播放所述图标所对应的内容。
9.根据权利要求1所述的方法,其特征在于,在界面的侧部显示与界面中的内容有关的图标,包括:
确定与所述图标中与用户的历史行为匹配的匹配图标,并在所述界面的侧部显示所述匹配图标。
10.一种界面展示装置,其特征在于,包括:
移动检测模块,在检测到界面移动时,判断所述移动是否满足显示图标的触发条件;
图标显示模块,在满足所述触发条件时,显示界面中的内容并在界面的侧部显示与界面中的内容有关的图标,
其中,所述图标显示模块还用于,在界面当前显示的图标中存在满足停止显示图标的条件的图标时,停止显示满足停止显示图标的条件的图标、继续显示界面中的内容以及显示剩余与界面中的内容有关的图标。
11.根据权利要求10所述的装置,其特征在于,所述移动检测模块包括:
判断子模块,判断界面移动速度是否超过速度阈值;
确定子模块,在界面移动速度超过所述速度阈值时,判断所述移动满足所述触发条件。
12.根据权利要求10所述的装置,其特征在于,所述界面的侧部包括所述界面的顶侧、底侧、左侧或右侧。
13.根据权利要求10所述的装置,其特征在于,所述图标包括以下至少一项:所述内容对应的画面中的头像、所述内容对应的产品和所述内容对应的文字。
14.根据权利要求10所述的装置,其特征在于,还包括:
停止显示模块,在满足停止显示图标的条件时,停止显示所述图标。
15.根据权利要求14所述的装置,其特征在于,还包括:
停止显示判断模块,在显示所述图标的时间超过时间阈值时,或者界面移动的像素超过像素阈值时,判断为满足停止显示图标的条件。
16.根据权利要求10所述的装置,其特征在于,还包括:
界面跳转模块,在检测到针对所述图标的触发操作时,使所述界面跳转至显示所述图标所对应的内容的位置。
17.根据权利要求10所述的装置,其特征在于,还包括:
内容播放模块,在检测到针对所述图标的触发操作时,播放所述图标所对应的内容。
18.根据权利要求10所述的装置,其特征在于,所述图标显示模块包括:
匹配子模块,确定与所述图标中与用户的历史行为匹配的匹配图标,并在所述界面的侧部显示所述匹配图标。
19.一种界面展示装置,其特征在于,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为执行权利要求1至9中任意一项所述的方法。
20.一种非易失性计算机可读存储介质,其上存储有计算机程序指令,其特征在于,所述计算机程序指令被处理器执行时实现权利要求1至9中任意一项所述的方法。
CN201711122508.9A 2017-11-14 2017-11-14 界面展示方法及装置 Active CN107908325B (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN201711122508.9A CN107908325B (zh) 2017-11-14 2017-11-14 界面展示方法及装置
PCT/CN2018/105263 WO2019095810A1 (zh) 2017-11-14 2018-09-12 界面展示方法及装置
TW107139842A TW201918863A (zh) 2017-11-14 2018-11-09 介面展示方法及裝置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711122508.9A CN107908325B (zh) 2017-11-14 2017-11-14 界面展示方法及装置

Publications (2)

Publication Number Publication Date
CN107908325A CN107908325A (zh) 2018-04-13
CN107908325B true CN107908325B (zh) 2020-06-12

Family

ID=61845381

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711122508.9A Active CN107908325B (zh) 2017-11-14 2017-11-14 界面展示方法及装置

Country Status (3)

Country Link
CN (1) CN107908325B (zh)
TW (1) TW201918863A (zh)
WO (1) WO2019095810A1 (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107908729B (zh) * 2017-11-14 2020-05-22 优酷网络技术(北京)有限公司 界面展示方法及装置
CN107908325B (zh) * 2017-11-14 2020-06-12 阿里巴巴(中国)有限公司 界面展示方法及装置
CN108959963A (zh) * 2018-06-28 2018-12-07 维沃移动通信有限公司 一种应用程序的管理方法及终端设备

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106610993A (zh) * 2015-10-23 2017-05-03 北京国双科技有限公司 视频预览的展示方法、装置

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080126958A1 (en) * 2006-08-31 2008-05-29 Ati Technologies Inc. Adding graphical user interface to display
CN105786352B (zh) * 2014-12-26 2019-08-06 阿里巴巴集团控股有限公司 快速定位页面内容的方法、装置及移动终端
CN105630908A (zh) * 2015-12-21 2016-06-01 北京奇虎科技有限公司 搜索结果的展示方法和装置
CN105843467A (zh) * 2016-03-17 2016-08-10 北京麒麟合盛网络技术有限公司 一种图标展示方法及装置
CN106484223A (zh) * 2016-09-22 2017-03-08 依偎科技(南昌)有限公司 一种应用图标的管理方法、及设备
CN107908324B (zh) * 2017-11-14 2020-07-14 阿里巴巴(中国)有限公司 界面展示方法及装置
CN107734189A (zh) * 2017-11-14 2018-02-23 优酷网络技术(北京)有限公司 界面展示方法及装置
CN107797729A (zh) * 2017-11-14 2018-03-13 优酷网络技术(北京)有限公司 界面展示方法及装置
CN107908729B (zh) * 2017-11-14 2020-05-22 优酷网络技术(北京)有限公司 界面展示方法及装置
CN107908325B (zh) * 2017-11-14 2020-06-12 阿里巴巴(中国)有限公司 界面展示方法及装置

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106610993A (zh) * 2015-10-23 2017-05-03 北京国双科技有限公司 视频预览的展示方法、装置

Also Published As

Publication number Publication date
WO2019095810A1 (zh) 2019-05-23
CN107908325A (zh) 2018-04-13
TW201918863A (zh) 2019-05-16

Similar Documents

Publication Publication Date Title
CN107948708B (zh) 弹幕展示方法及装置
US10580101B2 (en) Method, device and computer readable storage medium for screenshot processing
TWI690877B (zh) 介面展示方法及裝置
TWI684128B (zh) 介面展示方法及其裝置與非揮發性計算機可讀儲存介質
EP3128411B1 (en) Interface display method, terminal, computer program and recording medium
US11545188B2 (en) Video processing method, video playing method, devices and storage medium
CN105488715B (zh) 目标物信息查询方法及装置
CN107229403B (zh) 一种信息内容选择方法及装置
CN111857897A (zh) 一种信息显示方法、装置及存储介质
CN107908325B (zh) 界面展示方法及装置
CN109947506B (zh) 界面切换方法、装置及电子设备
CN106331328B (zh) 信息提示的方法及装置
CN113553472B (zh) 信息展示方法、装置、电子设备及存储介质
CN110321042B (zh) 界面信息展示方法、装置及电子设备
CN107820116B (zh) 视频播放方法及装置
CN109542297B (zh) 提供操作引导信息的方法、装置及电子设备
CN113868467A (zh) 信息处理方法、装置、电子设备及存储介质
CN113625909A (zh) 应用程序页面展示方法、装置、电子设备及存储介质
TWI708179B (zh) 介面展示方法及裝置
CN107908324B (zh) 界面展示方法及装置
CN116186679A (zh) 信息展示方法、装置、电子设备及存储介质
CN110688181B (zh) 通知栏中的内容显示方法、装置及存储介质
WO2019095818A1 (zh) 界面展示方法及装置
CN106777148B (zh) 信息检索的方法和装置
CN115545818A (zh) 商品信息展示方法、装置及电子设备

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
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1253229

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20200525

Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Applicant after: Alibaba (China) Co.,Ltd.

Address before: 100080 area a and C, 5 / F, block a, Sinosteel International Plaza, No. 8, Haidian Street, Haidian District, Beijing

Applicant before: Youku network technology (Beijing) Co., Ltd