[发明专利]一种信息展示的方法、装置、电子设备和存储介质

说明书

本申请提供了一种信息展示的方法、装置、电子设备和存储介质，其中，该方法包括：响应于包含走马灯子组件的父组件的渲染请求，从走马灯子组件中确定第一渲染数据；根据第一渲染数据中的走马灯区域的显示位置数据、显示块的宽度和各个显示块之间的第一显示间隔值，计算显示块的第一数量；若所述第一数量为非整数，则根据走马灯区域的显示位置数据、显示块的宽度和所述第一数量的整数数值，确定第二显示间隔值；基于所述第二显示间隔值和所述第一数量的整数数值，更新走马灯子组件中的第一渲染数据，并基于父组件以及更新后的第一渲染数据，渲染出所述走马灯区域。本申请实施例通过上述方法，能够自动调整走马灯区域内的显示布局。

技术领域

本申请涉及计算机技术领域，具体而言，涉及一种信息展示的方法、装置、电子设备和存储介质。

背景技术

随着科学的进步，出现了基于互联网浏览器的Web(world wide web，全球广域网)应用程序技术。Web应用程序技术的特点是访问方便，用户在使用的时候，只需要在浏览器中进行浏览，不需要额外安装其余的软件。在通过Web进行内容展示的时候，通常需要对某些显示内容进行循环播放。

循环播放是指将一组显示内容以一定时间间隔进行循环滚动播放，循环播放的时间是可以切换的，而网页设计与平面设计最大的不同，就是要在视觉和信息传递中寻找一个平衡，并提供给用户交互体验。

发明内容

有鉴于此，本申请实施例提供了一种信息展示的方法、装置、电子设备和存储介质，以能够自动调整走马灯区域内的显示布局。

第一方面，本申请实施例提供了一种信息展示的方法，所述方法包括：

响应于包含走马灯子组件的父组件的渲染请求，从所述走马灯子组件中确定用于渲染出走马灯区域的第一渲染数据；其中，所述第一渲染数据包括所述走马灯区域的显示位置数据、显示块的宽度和各个显示块之间的第一显示间隔值，以及显示列表；所述显示块用于显示所述显示列表中的显示内容；

根据所述走马灯区域的显示位置数据、显示块的宽度和各个显示块之间的第一显示间隔值，计算所述显示块的第一数量；

若所述第一数量为非整数，则根据所述走马灯区域的显示位置数据、显示块的宽度和所述第一数量的整数数值，确定第二显示间隔值；

基于所述第二显示间隔值和所述第一数量的整数数值，更新所述走马灯子组件中的第一渲染数据，并基于所述父组件以及更新后的第一渲染数据，渲染出所述走马灯区域。

在一个可行的实施方案中，在从所述走马灯子组件中确定用于渲染出走马灯区域的第一渲染数据之前，还包括：

从包含走马灯子组件的父组件中获取第一渲染数据，通过所述父组件与所述走马灯子组件绑定的接口，将所述父组件中的第一渲染数据保存到所述走马灯子组件中；

当监听到所述父组件中的第一渲染数据发生变化时，将变化的所述第一渲染数据通过所述接口更新到所述走马灯子组件中。

在一个可行的实施方案中，根据所述走马灯区域的显示位置数据、显示块的宽度和各个显示块之间的第一显示间隔值，计算所述显示块的第一数量，包括：

获取所述第一渲染数据中用于表示所述走马灯区域所在区域的至少三个边缘点的显示位置数据；

在由所述至少三个边缘点的显示位置数据构成的预测区域上，计算所述预测区域在水平方向上的最大宽度；其中，所述预测区域是将所述至少三个边缘点按照预设方向依次直线相连得到的；

基于所述最大宽度确定所述走马灯区域的宽度，并基于所述走马灯区域的宽度、显示块的宽度和各个显示块之间的第一显示间隔值，计算所述显示块的第一数量。

在一个可行的实施方案中，渲染出所述走马灯区域，包括：