一种信息展示方法、装置、设备及介质制造方法及图纸

技术编号:33291932 阅读:13 留言:0更新日期:2022-05-01 00:12
本公开实施例涉及一种信息展示方法、装置、设备及介质,其中该方法包括:在信息流页面上展示至少两个信息卡片;响应于对至少两个信息卡片中目标信息卡片的触发操作,获取目标信息卡片的详情信息,目标信息卡片的宽度小于信息流页面的宽度;将目标信息卡片在信息流页面上展开,并移动至少两个信息卡片中与目标信息卡片相邻的其他信息卡片,直到目标信息卡片的宽度等于预设宽度;在展开之后的目标信息卡片中展示详情信息,展开之后的目标信息卡片的长度设置为将详情信息完整展示的长度。本公开实施例使用户能够在当前页面直接浏览到详情信息,信息能够更加简单、快捷和全面地传达给用户。户。户。

【技术实现步骤摘要】
一种信息展示方法、装置、设备及介质


[0001]本公开涉及信息处理
,尤其涉及一种信息展示方法、装置、设备及介质。

技术介绍

[0002]随着应用程序和计算机技术的不断发展,越来越多的用户通过应用程序浏览各种信息。应用程序通过展示信息预览(feed)流给用户,能够吸引用户选择感兴趣的信息继续浏览。
[0003]目前,在信息预览流的基础上继续浏览的实现方式通常是打开一个新的页面查看被触发的内容的详情信息,甚至会产生页面的多重嵌套,容易因页面卡顿出现信息展示缓慢,并且导致用户返回信息预览流时的体验不佳,即使能够在信息预览流的页面展示部分详情信息,展示的内容也有限,信息不能全面且有效地传达给用户,导致信息预览流的展示效果不佳。

技术实现思路

[0004]为了解决上述技术问题,本公开提供了一种信息展示方法、装置、设备及介质。
[0005]本公开实施例提供了一种信息展示方法,所述方法包括:
[0006]在信息流页面上展示至少两个信息卡片;
[0007]响应于对所述至少两个信息卡片中目标信息卡片的触发操作,获取所述目标信息卡片的详情信息,所述目标信息卡片的宽度小于所述信息流页面的宽度;
[0008]将所述目标信息卡片在所述信息流页面上展开,并移动所述至少两个信息卡片中与所述目标信息卡片相邻的其他信息卡片,直到所述目标信息卡片的宽度等于预设宽度,所述预设宽度大于所述目标信息卡片的宽度并且小于或等于所述信息流页面的宽度;
[0009]在展开之后的所述目标信息卡片中展示所述详情信息,展开之后的所述目标信息卡片的长度设置为将所述详情信息完整展示的长度。
[0010]本公开实施例还提供了一种信息展示装置,所述装置包括:
[0011]第一展示模块,用于在信息流页面上展示至少两个信息卡片;
[0012]触发模块,用于响应于对所述至少两个信息卡片中目标信息卡片的触发操作,获取所述目标信息卡片的详情信息,所述目标信息卡片的宽度小于所述信息流页面的宽度;
[0013]展开模块,用于将所述目标信息卡片在所述信息流页面上展开,并移动所述至少两个信息卡片中与所述目标信息卡片相邻的其他信息卡片,直到所述目标信息卡片的宽度等于预设宽度,所述预设宽度大于所述目标信息卡片的宽度并且小于或等于所述信息流页面的宽度;
[0014]第二展示模块,用于在展开之后的所述目标信息卡片中展示所述详情信息,展开之后的所述目标信息卡片的长度设置为将所述详情信息完整展示的长度。
[0015]本公开实施例还提供了一种电子设备,所述电子设备包括:处理器;用于存储所述处理器可执行指令的存储器;所述处理器,用于从所述存储器中读取所述可执行指令,并执
是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
[0031]需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
[0032]需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
[0033]本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
[0034]本公开实施例的信息展示方法,主要适用于信息流展示的场景,例如可以是预览信息流展示的场景,也可以是详情信息流展示的场景。本公开实施例提供的信息展示方法可以由信息展示装置执行,其中该装置可以采用软件和/或硬件实现,该装置可以集成在具有视频播放功能的电子设备中,例如手机、掌上电脑、平板电脑、笔记本电脑或台式电脑等。
[0035]图1为本公开实施例提供的一种信息展示方法的流程示意图,如图1所示,该信息展示方法包括:
[0036]步骤101、在信息流页面上展示至少两个信息卡片。
[0037]其中,信息流页面可以是应用程序中用于展示信息流给用户的页面,在一些实施例中,信息流页面可以是视频、文本、图像等不同类型信息的预览信息流页面、详情信息流页面等。信息卡片可以是以卡片形式展示信息的方式,一个信息卡片对应一个信息,信息的格式不限,例如信息可以为视频、文本或图像等。本公开实施例对信息卡片的尺寸不限,不同信息卡片的尺寸可以相同,也可以不同。
[0038]具体地,信息展示装置可以加载一个信息流页面以呈现给用户,该信息流页面中展示至少两个信息卡片。在一些实施例中,信息流页面可以多行多列的形式展示至少两个信息卡片,行数可以包括至少一行,列数也可以包括至少一列,不同行的列数可以相同或不同,同一行可以展示一个信息卡片,也可以展示两个或两个以上的信息卡片。
[0039]示例性的,图2为本公开实施例提供的一种信息展示的示意图,如图2所示,图中展示了一个信息流页面200,该信息流页面200中包括4个尺寸不同的信息卡片,并且在第二行为两列,展示两个信息卡片,第一行和第三行均展示一个信息卡片。可以理解的是,图2所信息流页面上展示的信息卡片仅为一个示例,而非限定。
[0040]步骤102、响应于对至少两个信息卡片中目标信息卡片的触发操作,获取目标信息卡片的详情信息,目标信息卡片的宽度小于信息流页面的宽度。
[0041]目标信息卡片可以理解为上述至少两个信息卡片中宽度小于信息流页面的宽度的信息卡片,并且目标信息卡片被用户触发到。触发操作可以包括对目标信息卡片的手势控制操作(如点击、长按、双击等)、语音控制操作或者表情控制操作等等,本公开实施例对此不做限制。详情信息可以是信息卡片对应的完整信息,例如当信息卡片中展示一个文章标题时,详情信息可以是该文章标题对应的文章的全文。
[0042]具体地,信息展示装置在信息流页面上展示至少两个信息卡片之后,可以检测用户的触发操作,当接收到用户对目标信息卡片的触发操作时,可以从服务器中获取目标信息卡片的详情信息。
[0043]示例性的,参见图2,图中手指表征用户的触发操作,信息卡片2为用户触发的目标信息卡片。
[0044]步骤103、将目标信息卡片在信息流页面上展开,并移动至少两个信息卡片中与目标信息卡片相邻的其他信息卡片,直到目标信息卡片的宽度等于预设宽度。
[0045]其中,预设宽度可以大于目标信息卡片的宽度并且小于或等于信息流页面的宽度,也即预设宽度与信息流页面的宽度之间的差值小于差值阈值,该差值阈值可以根据实际情况设置,例如差值阈值可以为2毫米或10个像素等。
[0046]具体地,信息展示装置接收到用户对目标信息卡片的触发操作之后,可以将目标信息卡片在信息流页面上展开,也即将目标信息卡片的尺寸放大,并且将与目标信息卡片相邻的其他信息卡片向信息流页面外面移动,移动方向本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种信息展示方法,其特征在于,包括:在信息流页面上展示至少两个信息卡片;响应于对所述至少两个信息卡片中目标信息卡片的触发操作,获取所述目标信息卡片的详情信息,所述目标信息卡片的宽度小于所述信息流页面的宽度;将所述目标信息卡片在所述信息流页面上展开,并移动所述至少两个信息卡片中与所述目标信息卡片相邻的其他信息卡片,直到所述目标信息卡片的宽度等于预设宽度,所述预设宽度大于所述目标信息卡片的宽度并且小于或等于所述信息流页面的宽度;在展开之后的所述目标信息卡片中展示所述详情信息,展开之后的所述目标信息卡片的长度设置为将所述详情信息完整展示的长度。2.根据权利要求1所述的方法,其特征在于,将所述目标信息卡片在所述信息流页面上展开,包括:按照所述目标信息卡片所在原始位置为基准,在所述信息流页面中展开所述目标信息卡片。3.根据权利要求2所述的方法,其特征在于,所述原始位置基于所述目标信息卡片的上边界和目标侧边界确定,或者,所述原始位置基于所述目标信息卡片的上边界确定,所述目标侧边界为所述目标信息卡片与所述信息流页面的边界相邻的侧边界。4.根据权利要求2所述的方法,其特征在于,所述原始位置为所述目标信息卡片的中心点在所述信息流页面中的位置。5.根据权利要求1所述的方法,其特征在于,将所述目标信息卡片在所述信息流页面上展开,包括:将所述目标信息卡片移动至预设位置,并按照所述预设位置为基准,在所述信息流页面中展开所述目标信息卡片。6.根据权利要求5所述的方法,其特征在于,所述预设位置为所述信息流页面中的中心位置、用户视线所在位置或者顶部位置。7.根据权利要求1所述的方法,其特征在于,在展开之后的所述目标信息卡片中展示所述详情信息之后,所述方法还包括:展示针对所述详情信息设置的悬浮功能控件,其中,所述悬浮功能控件包括交互控件和/或收起控件。8.根据权利要求7所述的方法,其特征在于,所述方法还包括:响应于对所述收起控件的触发操作,在所述信息流页面上将展开之后的所述目标信息卡片按照原始尺寸和原始位置收起,并关闭所述悬浮功能控件。9.根据权利要求1或7所述的方法,其特征在于,在展开之后的所述目标信息卡片中展示所述详情信息,所述方法还包括:响应于纵向滑...

【专利技术属性】
技术研发人员:丁华勇王桂艳王文博
申请(专利权)人:北京字节跳动网络技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1