[发明专利]轮播视图的展示方法与系统

说明书

本申请公开了一种轮播视图的展示方法，包括：初始化画布，并在画布中创建轮播组件实例；获取用于容纳轮播组件的组件容器的容器配置信息，用于切换轮播单元的滚动视图的视图配置信息，以及多个轮播单元的单元配置文件；根据容器配置信息、视图配置信息与所述单元配置文件初始化轮播组件实例，以创建组件容器，并在组件容器中创建滚动视图，以及在滚动视图中创建多个轮播单元；基于所述单元配置文件中渲染多个轮播单元，得到多个轮播视图，并在画布中进行显示；接收用户基于画布中显示的轮播视图的触摸操作，根据所述触摸操作对显示的轮播视图进行更新。本申请可以提升用户体验感。

技术领域

本申请实施例涉及轮播组件领域，尤其涉及一种轮播视图的展示方法与系统。

背景技术

轮播技术是通过轮播组件将承载着预设信息的多张轮播视图，在显示界面进行轮流呈现的一种技术，以便浏览者可以方便快速的了解到其想要传达的信息，多用于产品推广、信息宣传，类似于PPT放映，是一种常见的用于展示重要内容的信息传播方式。

发明人发现，现有技术中有很多种类的轮播组件，但只能展示固定形式的轮播视图，而不能根据配置来制定轮播视图中的轮播元素的属性和交互内容，并且轮播组件仅仅只能进行轮播操作，而不能对组件内的轮播元素进行交互操作。

发明内容

有鉴于此，本申请实施例的目的是提供一种轮播视图的展示方法与系统，用于解决现有技术中轮播组件中的轮播视图不能自定义设置和创建，且不能通过自定义设置的轮播视图和用户进行交互，从而导致用户体验差的问题。

本申请实施例的一个方面提供了一种轮播视图的展示方法，包括：

初始化画布，并在所述画布中创建轮播组件实例；

获取用于容纳所述轮播组件的组件容器的容器配置信息，用于切换轮播单元的滚动视图的视图配置信息，以及多个轮播单元的单元配置文件；

根据所述容器配置信息、所述视图配置信息与所述单元配置文件初始化所述轮播组件实例，以创建组件容器，并在所述组件容器中创建滚动视图，以及在所述滚动视图中创建多个轮播单元；

基于所述单元配置文件渲染所述多个轮播单元，得到多个轮播视图，并在所述画布中进行显示；及

接收用户基于画布中显示的轮播视图的触摸操作，根据所述触摸操作对显示的轮播视图进行更新。

可选地，所述方法还包括：

判断预设脚本中是否存在创建好的轮播组件实例；

若所述预设脚本中存在创建好的轮播组件实例，则获取待更新的单元配置文件，所述待更新的单元配置文件包括待更新的每一个轮播单元的轮播元素的内容信息、属性信息及交互内容信息；及

基于所述待更新的每一个轮播单元的轮播元素的内容信息、属性信息及交互内容信息渲染所述待更新的每一个轮播单元，得到多个更新轮播视图，并在所述画布中展示所述更新轮播视图。

可选地，所述接收用户基于画布中显示的轮播视图的触摸操作，根据所述触摸操作对显示的轮播视图进行更新，包括：

当接收到用户对所述轮播视图的触摸操作时，获取所述触摸操作对应的起始触摸点的坐标；

当检测到所述触摸操作结束时，获取所述触摸操作对应的终止触摸点的坐标；

根据所述起始触摸点的坐标与所述终止触摸点的坐标，确定所述触摸操作的移动距离；及

根据所述移动距离对所述轮播视图进行滚动处理。

可选地，所述根据所述移动距离对所述轮播视图进行滚动处理，包括：

获取所述轮播单元的单元临界值；

判断所述移动距离是否超过所述单元临界值；