数据轮播方法、装置、电子设备及存储介质制造方法及图纸

技术编号:32909847 阅读:20 留言:0更新日期:2022-04-07 12:00
本申请实施例提供了一种数据轮播方法、装置、电子设备及计算机存储介质。数据轮播方法包括:获取轮播列表,轮播列表中包括多条轮播数据;若一条轮播数据沿第一方向的数据显示尺寸大于页面显视窗在第一方向上的尺寸,则沿第一方向完整滚动显示轮播数据;根据轮播列表,沿第二方向滚动显示多条轮播数据,直至所有轮播数据均显示完成。本申请实施例,可以在数据轮播过程中保证轮播数据的完整显示,提升了用户体验。户体验。户体验。

【技术实现步骤摘要】
数据轮播方法、装置、电子设备及存储介质


[0001]本申请实施例涉及页面显示
,尤其涉及一种数据轮播方法、装置、电子设备及计算机存储介质。

技术介绍

[0002]随着页面显示技术的不断发展,页面的展示以及交互方式也越来越多样化。数据轮播是一种可应用于多种不同场景的页面数据显示方式,例如:在页面中进行多条中奖信息、重要通知等数据的轮流显示等等。
[0003]不同的轮播数据,其显示尺寸可能并不相同。现阶段,在数据轮播过程中,对于显示尺寸较大的轮播数据,通常是在页面中配置多行显示区域同时进行显示。
[0004]但是,针对显示区域有限,仅能单行显示的页面布局,如何在数据轮播过程中保证轮播数据的完整显示,是一个亟待解决的问题。

技术实现思路

[0005]有鉴于此,本申请实施例提供一种数据轮播方法、装置、电子设备及计算机存储介质,以至少部分解决上述问题。
[0006]根据本申请实施例的第一方面,提供了一种数据轮播方法,包括:
[0007]获取轮播列表,所述轮播列表中包括多条轮播数据;
[0008]若一条所述轮播数据沿第一方向的数据显示尺寸大于页面显视窗在所述第一方向上的尺寸,则沿所述第一方向完整滚动显示所述轮播数据;
[0009]根据所述轮播列表,沿第二方向滚动显示所述多条轮播数据,直至所有轮播数据均显示完成。
[0010]根据本申请实施例的第二方面,提供了一种数据轮播装置,包括:
[0011]轮播列表获取模块,用于获取轮播列表,所述轮播列表中包括多条轮播数据;
[0012]第一显示模块,用于若一条所述轮播数据沿第一方向的数据显示尺寸大于页面显视窗在所述第一方向上的尺寸,则沿所述第一方向完整滚动显示所述轮播数据;
[0013]第二显示模块,用于根据所述轮播列表,沿与第二方向滚动显示所述多条轮播数据,直至所有轮播数据均显示完成。
[0014]根据本申请实施例的第三方面,提供了一种电子设备,包括:处理器和存储器;所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如第一方面所述的数据轮播方法对应的操作。
[0015]根据本申请实施例的第四方面,提供了一种非易失性计算机可读存储介质,其上存储有计算机程序指令,该程序指令被处理器执行时实现如第一方面所述的数据轮播方法。
[0016]根据本申请实施例的第五方面,提供了一种计算机程序产品,包括计算机可读代码,或者承载有计算机可读代码的非易失性计算机可读存储介质,当所述计算机可读代码
在电子设备中运行时,所述电子设备中的处理器执行如第一方面所述的数据轮播方法对应的操作。
[0017]根据本申请实施例提供的数据轮播方法,在数据轮播过程中,针对轮播列表中的每条轮播数据,当数据显示尺寸大于页面显示窗的尺寸时,则在页面显示窗中对该条轮播数据进行滚动显示。这样,可以在数据轮播过程中保证轮播数据的完整显示,提升了用户体验。
附图说明
[0018]为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请实施例中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
[0019]图1为根据本申请实施例一的一种数据轮播方法的步骤流程图;
[0020]图2为根据本申请实施例二的一种数据轮播方法的步骤流程图;
[0021]图3为根据本申请实施例二提供的数据轮播流程的示意图;
[0022]图4为根据本申请实施例三的一种数据轮播装置的结构框图;
[0023]图5为根据本申请实施例四的一种电子设备的结构示意图。
具体实施方式
[0024]为了使本领域的人员更好地理解本申请实施例中的技术方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本申请实施例一部分实施例,而不是全部的实施例。基于本申请实施例中的实施例,本领域普通技术人员所获得的所有其他实施例,都应当属于本申请实施例保护的范围。
[0025]下面结合本申请实施例附图进一步说明本申请实施例具体实现。
[0026]实施例一、
[0027]参照图1,图1为根据本申请实施例一的一种数据轮播方法的步骤流程图。具体地,本实施例提供的数据轮播方法包括以下步骤:
[0028]步骤102,获取轮播列表,轮播列表中包括多条轮播数据。
[0029]本申请中的轮播数据为待在页面显示窗中显示的数据,此处,对于轮播数据的具体内容不做限定,在实际应用中,可以根据需要进行设定。以中奖信息轮播场景为例,轮播列表中可以包括多条中奖信息,每条中奖信息即为一条轮播数据。
[0030]步骤104,若一条轮播数据沿第一方向的数据显示尺寸大于页面显视窗在第一方向上的尺寸,则沿第一方向完整滚动显示轮播数据。
[0031]具体地,轮播数据沿第一方向的数据显示尺寸,可以为将轮播数据沿第一方向,按照单行布局的方式渲染至页面时,轮播数据的尺寸信息,上述尺寸可以根据设定的数据渲染参数计算得到。
[0032]本申请中的第一方向可以基于页面显视窗的布局方向确定。例如:若页面显视窗为单行横向布局,则第一方向可以为横向;若页面显视窗为单行纵向布局,则第一方向可以为纵向。
[0033]以第一方向为横向举例,在对轮播数据进行横向滚动显示时,可以向右滚动以完整显示上述轮播数据,也可以向左滚动以完整显示上述轮播数据;可以对上述轮播数据进行多遍完整显示,也可以在对轮播数据进行一次完整显示之后,显示预设的某动画效率;还可以在对轮播数据进行一次完整显示之后,保持页面显示窗中显示的内容不变,间隔预设时长之后,再进行针对下一条轮播数据重新执行该步骤,等等。本申请实施例中,对于沿第一方向完整滚动显示轮播数据的具体显示方式不做限定。
[0034]步骤106,根据轮播列表,沿第二方向滚动显示多条轮播数据,直至所有轮播数据均显示完成。
[0035]本申请实施例中的第二方向可以为不同于第一方向的任一方向,或者说,第二方向与第一方向间的夹角可以为大于0
°
并且小于360
°
的任一角度。例如:假设第一方向为横向,则第二方向可以为垂直于第一方向的纵向,也可以为与第一方向的夹角为任意锐角或者任意钝角的方向。本申请实施例中,对于第二方向与第一方向之间的夹角关系不做限定,可以根据实际需要设定。
[0036]本步骤中,可以沿第二方向,依次对轮播列表中的轮播数据执行步骤104:若当前轮播数据沿第一方向的数据显示尺寸大于页面显视窗在第一方向上的尺寸,则沿第一方向完整滚动显示轮播数据;之后,对沿第二方向的下一轮播数据再次执行步骤104,直至轮播列表中的所有轮播数据均显示完成。
[0037]例如:第一方向为横向,第二方向为纵向,轮播列表中包括2条轮播数据。首先,针对第一条轮本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种数据轮播方法,其特征在于,包括:获取轮播列表,所述轮播列表中包括多条轮播数据;若一条所述轮播数据沿第一方向的数据显示尺寸大于页面显视窗在所述第一方向上的尺寸,则沿所述第一方向完整滚动显示所述轮播数据;根据所述轮播列表,沿第二方向滚动显示所述多条轮播数据,直至所有轮播数据均显示完成。2.根据权利要求1所述的方法,其特征在于,所述沿所述第一方向完整滚动显示所述轮播数据,包括:获取滚动速度;所述滚动速度表征单位时间内所述轮播数据在所述页面显示窗中滚动的像素数量;按照所述滚动速度,沿所述第一方向完整滚动显示所述轮播数据。3.根据权利要求2所述的方法,其特征在于,所述按照所述滚动速度,沿所述第一方向完整滚动显示所述轮播数据,包括:确定所述数据显示尺寸和所述页面显示窗的尺寸之间的尺寸差值;创建定时器,通过所述定时器按照所述滚动速度,在所述页面显示窗中沿所述第一方向滚动显示所述轮播数据,直至所述轮播数据的滚动距离与所述尺寸差值之间满足预设条件;销毁所述定时器。4.根据权利要求1所述的方法,其特征在于,所述获取轮播列表,包括:获取轮播配置信息,对预先封装完成的数据轮播组件进行初始化;通过所述数据轮播组件获取轮播数据列表。5.根据权利要求4所述的方法,其特征在于,所述轮播配置信息包括循环轮播标识;所述通过所述数据轮播组件获取轮播列表,包括:通过所述数据轮播组件获取原始列表;将所述原始列表中的首条轮播数据复制至所述原始列表的尾部,形成轮播列表;在所述直至所有轮播数据均显示完成之后,所述方法还包括:以所述首条轮播数据作为轮播起始位置,返回所述若一条所述轮播数据沿第一方向的数据显示尺寸大于页面显视窗在所述第一方向上的尺寸,则沿所述第一方向完整滚动显示所述轮播数据的步骤。6.根据权利要求5所述的方法,其特征在于,所述方法还包括:在沿第二方向滚...

【专利技术属性】
技术研发人员:白鹤
申请(专利权)人:北京卓越乐享网络科技有限公司
类型:发明
国别省市:

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

1