CN110647280B - 信息流的显示方法、装置、设备及介质 - Google Patents

信息流的显示方法、装置、设备及介质 Download PDF

Info

Publication number
CN110647280B
CN110647280B CN201910945689.8A CN201910945689A CN110647280B CN 110647280 B CN110647280 B CN 110647280B CN 201910945689 A CN201910945689 A CN 201910945689A CN 110647280 B CN110647280 B CN 110647280B
Authority
CN
China
Prior art keywords
information flow
display
display content
distance
target information
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
CN201910945689.8A
Other languages
English (en)
Other versions
CN110647280A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201910945689.8A priority Critical patent/CN110647280B/zh
Publication of CN110647280A publication Critical patent/CN110647280A/zh
Application granted granted Critical
Publication of CN110647280B publication Critical patent/CN110647280B/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/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
    • G06F3/0485Scrolling or panning
    • 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/0487Interaction 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/0488Interaction 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
    • G06F3/04883Interaction 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 for inputting data by handwriting, e.g. gesture or text

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是图2所示的示意性实施例提供的信息流的显示方法的一种界面示意图;
图4是图2所示的示意性实施例提供的信息流的显示方法的另一种界面示意图;
图5是本申请一个示意性实施例提供的信息流的显示方法的流程图;
图6是图5所示的示意性实施例提供的信息流的显示方法的一种界面示意图;
图7是图6所示的示意性实施例提供的信息流的显示方法的另一种界面示意图;
图8是本申请一个示意性实施例提供的信息流的显示方法的流程图;
图9是本申请一个示意性实施例提供的更新触发信号的触发原理图;
图10是本申请一个示意性实施例提供的更新触发信号的触发原理图;
图11是本申请一个示意性实施例提供的更新触发信号的触发原理图;
图12是本申请一个示意性实施例提供的更新触发信号的触发原理图;
图13是本申请一个示意性实施例提供的信息流的显示方法的流程图;
图14是图13所示的示意性实施例提供的信息流的显示方法的一种界面示意图;
图15是本申请一个示意性实施例提供的信息流的显示装置的框图;
图16是本申请一个示意性实施例提供的终端的框图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
尽管以下描述使用术语第一、第二等来描述各种元素,但这些元素不应受术语的限制。这些术语只是用于将一元素与另一元素区域分开。例如,在不脱离各种所述示例的范围的情况下,第一方向可以被称为第二方向,并且类似地,第二方向可以被称为第一方向。第一方向和第二方向都可以是方向,并且在某些情况下,可以是单独且不同的方向。
在本文中对各种所述示例的描述中所使用的术语只是为了描述特定示例,而并非旨在进行限制。如在对各种所述示例的描述和所附权利要求书中所使用的那样,单数形式“ 一个(“ a”“, an”)”和“ 该”旨在也包括复数形式,除非上下文另外明确地指示。还将理解的是,本文中所使用的术语“ 和/或”是指并且涵盖相关联的所列出的项目中的一个或多个项目的任何和全部可能的组合。还将理解的是,术语“ 包括”(“ inCludes”“ inCluding”“ Comprises”和/或“ Comprising”)当在本说明书中使用时指定存在所陈述的特征、整数、步骤、操作、元素、和/或部件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元素、部件、和/ 或其分组。
根据上下文,术语“ 如果”可被解释为意指“ 当 ...时”(“ when”或“ upon”)或“响应于确定”或“ 响应于检测到”。类似地,根据上下文,短语“ 如果确定 ...”或“ 如果检测到[所陈述的条件或事件]”可被解释为意指“ 在确定 ...时”或“ 响应于确定 ...”或“在检测到[所陈述的条件或事件] 时”或“ 响应于检测到[所陈述的条件或事件]”。
图1示出了本申请一个示例性实施例提供的计算机***的结构框图。该计算机***100包括:终端120和服务器140。
终端120安装和运行有支持信息流展示的应用程序。该应用程序可以是视频播放程序、短视频播放程序、新闻程序、知识类程序、生活类程序、即时通信程序、购物类程序、图片分享程序、社区程序中的任意一种。终端120是用户使用的终端,终端120的应用程序中登录有用户帐号。
终端120通过无线网络或有线网络与服务器140相连。
服务器140包括一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。示意性的,服务器140包括处理器144和存储器142,存储器142又包括接入模块1421和信息流推送模块1422。服务器140用于为支持信息流显示的应用程序提供信息流。可选地,服务器140承担主要计算工作,终端120承担次要计算工作;或者,服务器140承担次要计算工作,终端120承担主要计算工作;或者,服务器140和终端120之间采用分布式计算架构进行协同计算。
本领域技术人员可以知晓,上述终端的数量可以更多或更少。比如上述终端可以仅为一个,或者上述终端为几十个或几百个,或者更多数量。本申请实施例对终端的数量和设备类型不加以限定。
图2示出了本申请一个示例性实施例提供的信息流的显示方法的流程图。该方法可以由图1中的终端来执行。该方法包括:
步骤202,显示信息流展示界面,信息流展示界面显示的信息流中包括按照第一方向顺序排列的多个信息流元素,多个信息流元素中存在目标信息流元素;
信息流展示界面是用于显示信息流的用户界面。信息流包括按照第一方向顺序排列的多个信息流元素。当信息流采用列表控件进行显示时,该信息流元素可以是列表控件中的列表项,每一行列表项对应一个信息流元素。
示例性的,第一方向是竖直向上的方向,或者,竖直向下的方向。信息流包括按照第一方向升序排列的多个信息流元素,或者,按照第一方向降序排列的多个信息流元素。
可选地,多个信息流元素之间的顺序是根据时间先后来排序的,比如发布时间、发表时间、更新时间等。可选地,多个信息流元素之间的顺序是按照首字母的序号来排序的,序号为数字或字符“a-z”来表示的。
可选地,相邻的两个信息流元素之间存在明显的分割线,或不存在明显的分割线。
可选地,信息流元素之间的大小和形状是相同的,或者,存在至少两个信息流元素之间的大小和形状是不同的。
可选地,信息流元素上的显示内容包括:图片、文字、视频、表情、符号中的至少一种。每个信息流元素上的显示内容的排列方式相同或不同。可选地,每个信息流元素的显示内容是不同的,显示格式是相同或不同的。
可选地,目标信息流元素是具有沿第二方向进行滚动更新能力的信息流元素。当第一方向是纵向方向时,第二方向可以是横向方向。目标信息流元素可以为一个或多个。
步骤204,在信息流展示界面中,沿第一方向对信息流进行滚动更新;
“滚动更新”是指:沿第一方向将信息流(也即信息流)中的一部分元素移出信息流显示区域,且将信息流中的另一部分元素移入信息流显示区域。
信息流显示区域是信息流展示界面中用于显示信息流的区域,占据了信息流展示界面的全部或部分区域。信息流展示界面还可以包括标题区域、底部按钮区域、侧边滑动栏等其它区域。
步骤206,在沿第一方向对信息流进行滚动更新的过程中,按照第二方向对目标信息流元素中的显示内容进行更新。
在整个滚动更新过程中或部分滚动更新过程中,终端还按照第二方向对目标信息流元素中的显示内容进行更新。
其中,第二方向是不同于第一方向的另一方向,比如第二方向是垂直于第一方向的方向;又比如,第二方向是与第一方向呈预定夹角(例如45度)的方向。
示例性的,“按照第二方向对目标信息流元素中的显示内容进行更新”存在至少两种实现方式:
第一,将目标信息流元素中的第一显示内容按照第二方向滑动切换为第二显示内容;
第一显示内容和第二显示内容是存在显示分界线的两个显示内容,或者,第一显示内容和第二显示内容是存在语义分界线的两个显示内容,或者,第一显示内容和第二显示内容是同一系列显示内容中的两个不同个体。
比如,第一显示内容和第二显示内容是两个不同的视频集合;又比如,第一显示内容和第二显示内容是两个不同的图像;又比如,第一显示内容和第二显示内容是两个不同的封面。
如图3所示,当信息流向下滚动更新时,信息流元素9会移出显示屏上的信息流显示区域,信息流元素1会移入显示屏上的信息流显示区域。同时,存在一个具有横向滚动能力的目标信息流元素3,该目标信息流元素3中的显示内容从“显示内容1”切换为“显示内容2”。
第二,将目标信息流元素中的流式显示内容按照第二方向进行滑动显示。
流式显示内容是不存在明显的显示分界线或语义分界线的显示内容。比如,流式显示内容是一个长条状的图像;又比如,流式显示内容是一长串文字。
如图4所示,当信息流向下滚动更新时,信息流元素9会移出显示屏上的信息流显示区域,信息流元素1会移入显示屏上的信息流显示区域。同时,存在一个具有横向滑动能力的目标信息流元素3,该目标信息流元素3中的流式显示内容“你好,很高兴认识你,希望在以后的日子里多多关照”会跟随滑动操作进行横向滚动。
综上所述,本实施例提供的方法,通过在沿第一方向信息流进行滚动更新的过程中,按照第二方向对目标信息流元素中的显示内容进行更新,即便用户按照固有习惯进行第一方向的滑动时,也会对目标信息流元素中的显示内容进行更新,在用户在保持自身的使用习惯不变的前提下,使得目标信息流元素中的显示内容得到有效的呈现,提高目标信息流元素中的显示内容的曝光次数,提高人机交互效率。
在一个示例中,信息流展示界面是矩形界面,该矩形界面包括:顶部边缘、左侧边缘、右侧边缘和底部边缘。由于终端还可能是采用弧形屏幕、异型屏幕、刘海屏、水滴屏、瀑布屏、环绕屏、折叠屏等其它显示屏的终端,因此信息流展示界面还可能是其它界面,但可相应地参考矩形界面的描述。
第一方向和第二方向的可能组合形式包括但不限于:
1、第一方向是竖直向下方向,第二方向是水平向左方向;
2、第一方向是竖直向上方向,第二方向是水平向左方向;
3、第一方向是竖直向下方向,第二方向是水平向右方向;
4、第一方向是竖直向上方向,第二方向是水平向右方向。
但不排除第一方向和第二方向的可能组合形式如下:
5、第一方向是水平向左方向,第二方向是竖直向上方向;
6、第一方向是水平向右方向,第二方向是竖直向上方向;
7、第一方向是水平向左方向,第二方向是竖直向下方向;
8、第一方向是水平向右方向,第二方向是竖直向下方向。
以第一方向是竖直向上方向,第二方向是水平向左方向为例,在一些实施例中,在信息流按照竖直向上方向进行滚动更新的整个过程中,目标信息流元素中的显示内容按照水平向左方向进行滚动更新。
在另一些实施例中,在信息流按照竖直向上方向进行滚动更新的一些过程中,目标信息流元素中的显示内容保持不变;在另一些过程中,目标信息流元素中的显示内容按照水平向左方向进行滚动更新。
当目标信息流元素中的显示内容为条件触发时的更新时,在沿第一方向对信息流进行滚动更新的过程中,当目标信息流元素沿第一方向的滚动距离大于触发距离时,按照第二方向对目标信息流元素中的显示内容进行更新;或,在沿第一方向对信息流进行滚动更新的过程中,当目标信息流元素沿第一方向的滚动位置达到触发位置时,按照第二方向对目标信息流元素中的显示内容进行更新。示例性的,参考如下实施例。
在基于图2的可选实施例中,图5示出了本申请另一个示例性实施例提供的信息流的显示方法的流程图。该方法可以由图1中的终端来执行。该方法包括:
步骤202,显示信息流展示界面,信息流展示界面显示的信息流中包括按照第一方向顺序排列的多个信息流元素,多个信息流元素中存在目标信息流元素;
信息流展示界面是用于显示信息流的用户界面。信息流包括按照第一方向顺序排列的多个信息流元素。当信息流采用列表控件进行显示时,该信息流元素可以是列表控件中的列表项,每一行列表项对应一个信息流元素。
示例性的,第一方向是竖直向上的方向,或者,竖直向下的方向。信息流包括按照第一方向升序排列的多个信息流元素,或者,按照第一方向降序排列的多个信息流元素。
可选地,多个信息流元素之间的顺序是根据时间先后来排序的,比如发布时间、发表时间、更新时间等。可选地,多个信息流元素之间的顺序是按照首字母的序号来排序的,序号为数字或字符“a-z”来表示的。
可选地,相邻的两个信息流元素之间存在明显的分割线,或不存在明显的分割线。
可选地,信息流元素之间的大小和形状是相同的,或者,存在至少两个信息流元素之间的大小和形状是不同的。
可选地,信息流元素上的显示内容包括:图片、文字、视频、表情、符号中的至少一种。每个信息流元素上的显示内容的排列方式相同或不同。可选地,每个信息流元素的显示内容是不同的,显示格式是相同或不同的。
可选地,目标信息流元素是具有沿第二方向进行滚动更新能力的信息流元素。当第一方向是纵向方向时,第二方向可以是横向方向。目标信息流元素可以为一个或多个。
步骤204,在信息流展示界面中,沿第一方向对信息流进行滚动更新;
“滚动更新”是指:沿第一方向将信息流(也即信息流)中的一部分元素移出信息流显示区域,且将信息流中的另一部分元素移入信息流显示区域。
信息流显示区域是信息流展示界面中用于显示信息流的区域,占据了信息流展示界面的全部或部分区域。信息流展示界面还可以包括标题区域、底部按钮区域、侧边滑动栏等其它区域。
步骤2061,判断第一距离y1是否大于第二距离y2;
其中,第一距离y1是目标信息流元素的元素位置与底部边缘之间的距离,第二距离y2是目标信息流元素的元素位置与顶部边缘之间的距离,顶部边缘和底部边缘是根据第一方向确定的。
以第一方向是竖直向上的方向为例,顶部边缘是呈矩形的信息流展示界面的上边缘(也即采用箭头来表示第一方向时,位于箭头一侧的边缘),底部边缘是呈矩形的信息流展示界面的下边缘(也即采用箭头来表示第一方向时,位于箭尾一侧的边缘),如图6所述。
当y1大于y2时,执行步骤2062;当y2大于y1,执行步骤2063。
步骤2062,当目标信息流元素的第一距离y1大于第二距离y2时,根据第一滑动操作按照第二方向对目标信息流元素中的显示内容进行更新;
可选地,当目标信息流元素的第一距离y1大于第二距离y2且第二距离y2不等于0时,根据第一滑动操作按照第二方向对目标信息流元素中的显示内容进行更新。其中,“第二距离y2不等于0”用于表示目标信息流元素显示在信息流展示区域中。
示例性的,根据第一滑动操作将目标信息流元素中的第一显示内容按照第二方向切换为第二显示内容。
结合参考图7,以第一滑动操作是竖直向上滑动为例,当y1大于y2时,具有横向滑动能力的信息流元素4中的第一显示内容向左横滑移动出屏幕,第二显示内容从右向左横滑移入屏幕中。
步骤2063,当目标信息流元素的第一距离y1小于第二距离y2,或,第一距离y1等于0时,保持目标信息流元素中的显示内容不变。
结合参考图7,以第一滑动操作是竖直向上滑动为例,当y1还未大于y2时,具有横向滑动能力的信息流元素4中的第一显示内容保持不变。
本实施例提供的方法,还通过当用户纵向划动到一定距离时,目标信息流元素内的显示内容开始向左横向滚动,使得第一显示内容离开屏幕,而目标信息流元素内的第二显示内容出现在主位置上(原第一显示内容的所处位置上),由于第二显示内容的滚动动画会吸引用户注意力,并且自动滚到主视觉位置,从而获得用户的更多注意力,提高目标信息流元素中的第二显示内容的曝光次数和吸引力,提高人机交互效率。
在一个示例性的例子中,上述步骤204中的更新过程可以是操作***或应用程序自身动态控制的,也可以是由人为操作来控制的。当步骤204中的更新过程是由人为操作来控制时,上述步骤204可采用如下子步骤实现,如图8所示:
步骤204a,接收更新触发信号;
更新触发信号是用来触发对信息流沿第一方向进行滚动更新的信号。更新触发信号包括但不限于:滑动信号、语音信号、背部触控信号、边框触控信号、摄像头采集的手势信号或眼动信号、运动传感器采集的运动信号中的至少一种;
当终端上设置有触摸屏时,滑动信号是作用于该触摸屏的滑动操作所产生的信号,如图9所示;当终端上设置有拾音组件时,语音信号是拾音组件采集到外界声音所产生的信号,如图10所示;当终端上的背部设置有触摸屏或触摸感知组件时,背部触控信号是作用于背部触摸屏的触摸操作所产生的信号;当终端的边框(中框)上设置有触摸屏或触摸感知组件时,边框触摸信号是作用于触摸感知组件上的触摸操作所产生的信号,如图11所示;当终端上设置有前置摄像头或弹出式摄像头时,该摄像头能够采集到用户在真实世界中做出的手势信号或眼动信号;当终端上设置有重力加速度传感器或陀螺仪传感器等运动传感器时,运动信号可以是用户敲击、拍打或摇晃终端的机体,使得运动传感器所产生的信号,如图12所示。比如,用户敲击终端的顶部。
步骤204b,在信息流展示界面中,根据更新触发信号沿第一方向对信息流进行滚动更新。
在一个实施例中,在信息流按照第一方向进行滚动更新时,目标整个滚动更新过程中的一部,终端还按照第二方向对目标信息流元素中的显示内容进行更新。
在一个示例性实施例中,首先将需要横向展示的目标信息流元素中的全部显示内容***纵向的信息流当中,当信息流向上滚动到目标信息流元素脱离主视觉区域并且未在主视觉区域停留时,表示用户对目标信息流元素内第一显示内容不感兴趣,当用户纵向划动到一定距离时,目标信息流元素内的显示内容开始向左横向滚动,使得第一显示内容离开屏幕,而目标信息流元素内的第二显示内容出现在主位置上(原第一显示内容的所处位置上),由于第二显示内容的滚动动画会吸引用户注意力,并且自动滚到主视觉位置,从而获得用户的更多注意力。以目标信息流元素为具有横向滑动能力的信息流元素为例,如图13所示,上述方法包括如下步骤:
步骤301,将横向信息流元素***到纵向的信息流中;
步骤302,在接收到向上滑动操作时,将信息流沿y轴向上滚动;
步骤303,此横向信息流元素是否停留;
此横向信息流元素是否停留在信息流展示界面中的中心位置;
若是,则进入步骤304;若否,则进入步骤305。
步骤304,在向上滑动操作停止时,在信息流展示界面中的中心位置显示横向信息流元素;
步骤305,继续将信息流沿y轴向上滚动;
在向上滑动操作未停止时,继续将信息流沿y轴向上滚动。
步骤306,在信息流向上滚动过程中,横向信息流元素的元素位置(中心点)发生变化;
步骤307,当y1小于y2时,横向信息流元素的x滚动为0;
步骤308,当y1大于y2且y2不等于0时,横向信息流元素的x向左滚动到第二显示内容的位置。
其中,“y2不等于0”表示横向信息流元素显示在信息流展示界面中。
结合参考图14,横向信息流元素“片单推荐”的第一显示内容为“文字介绍1”,在向上滑动过程中的y1大于y2时,横向信息流元素“片单推荐”的第一显示内容切换为第二显示内容“文字介绍2”。
需要说明的是,在一些实施例中,当y1等于y2时,终端可以控制横向信息流元素保持不动,也即不做横向滚动;在另一些实施例中,当y1等于y2时,终端可以控制横向信息流元素做横向滚动。本申请实施例对y1等于y2时,终端所执行的动作不加以限定。
图15示出了本申请一个示例性实施例提供的信息流的显示装置的框图,其所述装置包括:
界面显示模块1502,用于显示信息流展示界面,所述信息流展示界面显示的信息流中包括按照第一方向顺序排列的多个信息流元素,所述多个信息流元素中存在目标信息流元素;
第一更新模块1504,用于在所述信息流展示界面中,沿所述第一方向对所述信息流进行滚动更新;
第二更新模块1506,用于在沿所述第一方向对所述信息流进行滚动更新的过程中,按照第二方向对所述目标信息流元素中的显示内容进行更新。
在一个可能的实施例中,所述第二更新模块1506,用于将所述目标信息流元素中的第一显示内容按照所述第二方向切换为第二显示内容;
其中,所述第二方向是垂直于所述第一方向的方向。
在一个可能的实施例中,所述第二更新模块1506,用于将所述目标信息流元素中的流式显示内容按照所述第二方向进行平移显示;
其中,所述第二方向是垂直于所述第一方向的方向。
在一个可能的实施例中,所述第二更新模块1506,用于在沿所述第一方向对所述信息流进行滚动更新的过程中,当所述目标信息流元素沿所述第一方向的滚动距离大于触发距离时,按照第二方向对所述目标信息流元素中的显示内容进行更新;
或,
所述第二更新模块1506,用于在沿所述第一方向对所述信息流进行滚动更新的过程中,当所述目标信息流元素沿所述第一方向的滚动位置达到触发位置时,按照第二方向对所述目标信息流元素中的显示内容进行更新
在一个可能的实施例中,所述第二更新模块1506,用于在沿所述第一方向对所述信息流进行滚动更新的过程中,当所述目标信息流元素的第一距离大于第二距离时,按照第二方向对所述目标信息流元素中的显示内容进行更新;
其中,所述第一距离是所述目标信息流元素的元素位置与底部边缘之间的距离,所述第二距离是所述目标信息流元素的元素位置与顶部边缘之间的距离,所述顶部边缘和所述底部边缘是根据所述第一方向确定的。
在一个可能的实施例中,所述装置还包括:
保持模块1505,用于当所述目标信息流元素的第一距离小于第二距离时,保持所述目标信息流元素中的显示内容不变。
在一个可能的实施例中,所述装置还包括:
交互模块1503,用于接收更新触发信号,所述更新触发信号包括:滑动信号、语音信号、背部触控信号、边框触控信号、摄像头采集的手势信号或眼动信号、运动传感器采集的运动信号中的至少一种;
所述第一更新模块1504,用于在所述信息流展示界面中,根据所述更新触发信号沿所述第一方向对所述信息流进行滚动更新。
图16示出了本申请一个示例性实施例提供的终端1600的结构框图。该终端1600可以是:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio LayerIII,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group AudioLayer IV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1600还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,终端1600包括有:处理器1601和存储器1602。
处理器1601可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1601可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1601也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1601可以在集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1601还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1602可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1602还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1602中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器1601所执行以实现本申请中方法实施例提供的信息流的显示方法。
本领域技术人员可以理解,图16中示出的结构并不构成对终端1600的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
本申请还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述方法实施例提供的信息流的显示方法。
可选地,本申请还提供了一种包含指令的计算机程序产品,当其在计算机设备上运行时,使得计算机设备执行上述各个方法实施例所提供的信息流的显示方法。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的可选实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (6)

1.一种信息流的显示方法,其特征在于,所述方法包括:
显示信息流展示界面,所述信息流展示界面显示的信息流中包括按照第一方向顺序排列的多个信息流元素,所述多个信息流元素中存在目标信息流元素;
在所述信息流展示界面中,沿所述第一方向对所述信息流进行滚动更新,所述第一方向是竖直向上的方向;
在沿所述第一方向对所述信息流进行滚动更新的过程中,当所述目标信息流元素的第一距离小于第二距离,或,所述第一距离等于0时,保持所述目标信息流元素中的显示内容不变;
当所述目标信息流元素的所述第一距离大于所述第二距离且所述第二距离不等于0时,根据第一滑动操作将所述目标信息流元素中的第一显示内容按照第二方向滑动切换为第二显示内容,所述第一显示内容和所述第二显示内容是存在显示分界线的两个显示内容,或者,所述第一显示内容和所述第二显示内容是存在语义分界线的两个显示内容,或者,所述第一显示内容和所述第二显示内容是同一系列显示内容中的两个不同个体,所述第二方向是垂直于所述第一方向的方向;
其中,所述第一距离是所述目标信息流元素的元素位置与底部边缘之间的距离,所述第二距离是所述目标信息流元素的元素位置与顶部边缘之间的距离,所述顶部边缘和所述底部边缘是根据所述第一方向确定的。
2.根据权利要求1所述的方法,其特征在于,所述在所述信息流展示界面中,沿所述第一方向对所述信息流进行滚动更新,包括:
接收更新触发信号,所述更新触发信号包括:滑动信号、语音信号、背部触控信号、边框触控信号、摄像头采集的手势信号或眼动信号、运动传感器采集的运动信号中的至少一种;
在所述信息流展示界面中,根据所述更新触发信号沿所述第一方向对所述信息流进行滚动更新。
3.一种信息流的显示装置,其特征在于,所述装置包括:
界面显示模块,用于显示信息流展示界面,所述信息流展示界面显示的信息流中包括按照第一方向顺序排列的多个信息流元素,所述多个信息流元素中存在目标信息流元素;
第一更新模块,用于在所述信息流展示界面中,沿所述第一方向对所述信息流进行滚动更新,所述第一方向是竖直向上的方向;
第二更新模块,用于在沿所述第一方向对所述信息流进行滚动更新的过程中,当所述目标信息流元素的第一距离小于第二距离,或,所述第一距离等于0时,保持目标信息流元素中的显示内容不变;
所述第二更新模块,还用于当所述目标信息流元素的所述第一距离大于所述第二距离且所述第二距离不等于0时,根据第一滑动操作将所述目标信息流元素中的第一显示内容按照第二方向滑动切换为第二显示内容,所述第一显示内容和所述第二显示内容是存在显示分界线的两个显示内容,或者,所述第一显示内容和所述第二显示内容是存在语义分界线的两个显示内容,或者,所述第一显示内容和所述第二显示内容是同一系列显示内容中的两个不同个体,所述第二方向是垂直于所述第一方向的方向;
其中,所述第一距离是所述目标信息流元素的元素位置与底部边缘之间的距离,所述第二距离是所述目标信息流元素的元素位置与顶部边缘之间的距离,所述顶部边缘和所述底部边缘是根据所述第一方向确定的。
4.根据权利要求3所述的装置,其特征在于,所述装置还包括:
交互模块,用于接收更新触发信号,所述更新触发信号包括:滑动信号、语音信号、背部触控信号、边框触控信号、摄像头采集的手势信号或眼动信号、运动传感器采集的运动信号中的至少一种;
所述第一更新模块,用于在所述信息流展示界面中,根据所述更新触发信号沿所述第一方向对所述信息流进行滚动更新。
5.一种计算机设备,其特征在于,所述计算机设备包括存储器和处理器;所述存储器存储有至少一条程序,所述至少一条程序由所述处理器加载并执行以实现如上权利要求1或2所述的信息流的显示方法。
6.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有至少一条程序,所述至少一条程序由处理器加载并执行以实现如上权利要求1或2所述的信息流的显示方法。
CN201910945689.8A 2019-09-30 2019-09-30 信息流的显示方法、装置、设备及介质 Active CN110647280B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910945689.8A CN110647280B (zh) 2019-09-30 2019-09-30 信息流的显示方法、装置、设备及介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910945689.8A CN110647280B (zh) 2019-09-30 2019-09-30 信息流的显示方法、装置、设备及介质

Publications (2)

Publication Number Publication Date
CN110647280A CN110647280A (zh) 2020-01-03
CN110647280B true CN110647280B (zh) 2021-02-12

Family

ID=68993508

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910945689.8A Active CN110647280B (zh) 2019-09-30 2019-09-30 信息流的显示方法、装置、设备及介质

Country Status (1)

Country Link
CN (1) CN110647280B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111562866A (zh) * 2020-02-26 2020-08-21 北京达佳互联信息技术有限公司 消息查看方法、装置、电子设备和存储介质
CN113553131A (zh) * 2021-07-12 2021-10-26 网易传媒科技(北京)有限公司 信息展示方法、介质、装置和计算设备

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104112208A (zh) * 2014-03-11 2014-10-22 百度在线网络技术(北京)有限公司 电子商务中商品内容的提供方法、***及装置
CN107656788A (zh) * 2017-09-26 2018-02-02 努比亚技术有限公司 一种操作界面处理方法、终端及计算机可读存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104317968A (zh) * 2014-11-18 2015-01-28 苏州科达科技股份有限公司 一种页面自适应调整方法及***
DE102015102639A1 (de) * 2015-02-24 2016-08-25 Emporia Telecom Gmbh & Co Kg Verfahren zum Betreiben eines mobilen Endgerätes, Applikation für ein mobiles Endgerät sowie mobiles Endgerät
US10289297B2 (en) * 2016-08-26 2019-05-14 Google Llc Animating an image to indicate that the image is pannable
CN106843702A (zh) * 2017-02-23 2017-06-13 北京多格科技有限公司 信息展示***
CN107291338A (zh) * 2017-05-26 2017-10-24 深圳市全智达科技有限公司 一种信息预览和操作的方法及装置
CN110072145A (zh) * 2019-04-03 2019-07-30 北京字节跳动网络技术有限公司 用于终端设备的信息播放方法、装置和终端设备

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104112208A (zh) * 2014-03-11 2014-10-22 百度在线网络技术(北京)有限公司 电子商务中商品内容的提供方法、***及装置
CN107656788A (zh) * 2017-09-26 2018-02-02 努比亚技术有限公司 一种操作界面处理方法、终端及计算机可读存储介质

Also Published As

Publication number Publication date
CN110647280A (zh) 2020-01-03

Similar Documents

Publication Publication Date Title
US11809700B2 (en) Device, method, and graphical user interface for managing folders with multiple pages
CN111339032B (zh) 管理具有多页面的文件夹的设备、方法和图形用户界面
US20230021260A1 (en) Gesture instruction execution method and apparatus, system, and storage medium
KR101725887B1 (ko) 터치 스크린 디바이스의 컨텐츠 검색 방법 및 장치
US20190073101A1 (en) Method and device for switching pages of applications in a terminal device
CN107783714B (zh) 一种页面展示方法、装置、电子设备及存储介质
KR20220138007A (ko) 사용자 인터페이스들 사이에 내비게이팅하고 제어 객체들과 상호작용하기 위한 디바이스, 방법, 및 그래픽 사용자 인터페이스
US20130318437A1 (en) Method for providing ui and portable apparatus applying the same
CN103019536A (zh) 演示期间交互地缩放内容
KR20120116916A (ko) 터치 스크린과의 사용자 상호작용을 입력 커맨드로 번역
CN102981735A (zh) 语义缩放手势
CN102999274A (zh) 语义缩放动画
WO2018112928A1 (zh) 一种信息展示方法、装置及终端设备
KR20160143752A (ko) 확장가능한 애플리케이션 표시 및 태스크바
CN108475172B (zh) 一种信息展示方法、装置及终端设备
CN110647280B (zh) 信息流的显示方法、装置、设备及介质
WO2018068364A1 (zh) 用于页面显示的方法、装置、图形用户界面及移动终端
CN117251082A (zh) 基于用户界面的人机交互方法、装置、设备及存储介质
CN111638828A (zh) 界面显示方法及装置
US11861157B2 (en) Methods, systems, and media for presenting offset content
US20150293888A1 (en) Expandable Application Representation, Milestones, and Storylines
CN114138141A (zh) 显示方法、装置和电子设备
CN114816597A (zh) 一种内容展示方法、装置和计算机可读存储介质
CN112861042A (zh) 一种信息显示方法、装置、设备和可读介质
WO2024131306A1 (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
GR01 Patent grant
GR01 Patent grant