小程序长列表滚动显示方法、装置、电子设备及存储介质制造方法及图纸

本公开提供一种小程序长列表滚动显示的方法、装置、电子设备及存储介质，所述方法包括：接收触控指令，激活所述小程序；通过页面滚动容器对所述小程序的页面进行初始化参数设置；接收手势触控指令，获得触控偏移量值，将所述触控偏移量值与所述初始化参数进行比较，根据比较结果执行相应的长列表滚动指令。本公开实施例通过对小程序长列表滚动显示方法进行改进，使得小程序能够根据用户的使用对长列表进行滚动显示，满足了小程序大数据列表的应用需求，克服了原有组件不能进行滚动显示的技术障碍。

Small Program Length List Rolling Display Method, Device, Electronic Equipment and Storage Media

The present disclosure provides a method, device, electronic equipment and storage medium for scrolling display of a list of small program lengths. The method includes: receiving touch instructions to activate the small program; setting initialization parameters for the page of the small program through a page scroll container; receiving gesture touch instructions to obtain touch offset values, and initializing the touch offset values with them. The parameters are compared and the corresponding long list scrolling instructions are executed according to the comparison results. The present disclosure embodiment improves the rolling display method of the small program long list so that the small program can scroll display the long list according to the user's use, meets the application requirements of the small program large data list, and overcomes the technical obstacles that the original components can not scroll display.

【技术实现步骤摘要】
小程序长列表滚动显示方法、装置、电子设备及存储介质
本公开涉及计算机
，具体为一种小程序长列表滚动显示方法、装置、电子设备及存储介质。
技术介绍
随着移动互联网的发展，小程序应用的规模越来越大，一些小程序不仅需要满足客户的基本应用需求，还需要有更加人性化的交互方式，一些小程序具有无限刷新的列表，例如电商和贴吧类的小程序，但是无限刷新的列表会在小程序中造成严重的性能问题，甚至会崩溃等，造成这个的主要原因是页面元素过多，所以需要有一种能够限制小程序页面元素的长列表滚动显示的优化方案，但是目前并没有这样的解决方案，所以急需一种能够实现小程序列表滚动显示的技术方案，以带给用户以更好的体验。因此，对于传统的小程序应用进行技术改进，使其具有更加便捷的交互界面从而提高小程序的使用体验，就成为一个特别急迫的技术问题。
技术实现思路
本公开的目的在于提供一种小程序长列表滚动显示方法、装置、电子设备及存储介质，能够实现小程序列表滚动显示的技术效果。根据本公开的实施方式，第一方面，本公开提供一种小程序长列表滚动显示的方法，包括：接收触控指令，激活所述小程序；通过页面滚动容器对所述小程序的页面进行初始化参数设置；接收手势触控指令，获得触控偏移量值，将所述触控偏移量值与所述初始化参数进行比较，根据比较结果执行相应的长列表滚动指令。可选的，所述通过页面滚动容器对所述小程序的页面进行初始化参数设置，包括：设置所述滚动容器的位置属性、尺寸属性、溢出属性和/或触控回调函数；设置列表变量，根据起始列表数据渲染所述列表变量获得初始化列表；设置列表容器的区域参数和边界参数。可选的，所述接收手势触控指令，获得触控偏移量值，将所述触控偏移量值与所述初始化参数进行比较，根据比较结果执行相应的长列表滚动指令，包括：接收手势触控指令，根据触控起始回调函数和触控位移回调函数获得触控偏移量值；比较所述触控偏移量值与所述初始化参数，根据比较结果执行相应的长列表滚动指令。可选的，所述比较所述触控偏移量值与所述初始化参数，根据比较结果执行相应的长列表滚动指令，包括：根据所述触控偏移量值的正负，确定长列表的滚动方向；根据所述列表容器的区域参数和所述列表容器的边界参数关系确定所述长列表是否滚动到所述长列表边界；当所述长列表滚动到所述长列表边界时，停止滚动。可选的，所述根据所述触控偏移量值的正负，确定长列表的滚动方向，包括：所述触控偏移量值为负时，所述长列表向上滚动；所述触控偏移量值为正时，所述长列表向下滚动。可选的，所述根据所述列表容器的区域参数和所述列表容器的边界参数关系确定所述长列表是否滚动到所述长列表边界，包括：从长列表最后一项起获得每一项元素的下边界坐标值；重复计算所述下边界坐标值与所述列表容器的区域参数的差值是否小于零；直到所述差值不小于零，记录所述元素的下边界坐标值；根据所述下边界坐标值确定所述长列表是否滚动到所述长列表边界。可选的，所述根据所述下边界坐标值确定所述长列表是否滚动到所述长列表边界，包括：当所述下边界坐标值不大于零时，确定所述长列表滚动到所述长列表的下边界；当所述下边界坐标值大于零时，判断所述元素在所述长列表中是否存在下一项元素；若不存在，则所述元素为下边界元素，确定所述长列表滚动到所述长列表的下边界；若存在，则将所述下一项元素插入到所述长列表的尾部，确定滚动到所述长列表的下边界。可选的，所述根据所述列表容器的区域参数和所述列表容器的边界参数关系确定所述长列表是否滚动到所述长列表边界，包括：从长列表第一项起获得每一项元素的上边界坐标值；重复计算所述上边界坐标值与所述列表容器的区域参数的差值是否小于零；直到所述差值不小于零，记录所述元素的上边界坐标值；根据所述上边界坐标值确定所述长列表是否滚动到所述长列表边界。可选的，所述根据所述上边界坐标值确定所述长列表是否滚动到所述长列表边界，包括：当所述上边界坐标值不大于零时，确定所述长列表滚动到所述长列表的上边界；当所述上边界坐标值大于零时，判断所述元素在所述长列表中是否存在上一项元素；若不存在，则所述元素为上边界元素，确定所述长列表滚动到所述长列表的上边界；若存在，则将所述上一项元素插入到所述长列表首部，确定所述长列表滚动到所述长列表的上边界。根据本公开的实施方式，第二方面，本公开提供一种小程序长列表滚动显示的装置，包括：激活单元，用于接收触控指令，激活所述小程序；初始化单元，用于通过页面滚动容器对所述小程序的页面进行初始化参数设置；滚动单元，用于接收手势触控指令，获得触控偏移量值，将所述触控偏移量值与所述初始化参数进行比较，根据比较结果执行相应的长列表滚动指令。根据本公开的实施方式，第三方面，本公开提供一种电子设备，包括处理器和存储器，所述存储器存储有能够被所述处理器执行的计算机程序指令，所述处理器执行所述计算机程序指令时，实现第一方面任一所述的方法步骤。根据本公开的实施方式，第四方面，本公开提供一种计算机可读存储介质，存储有计算机程序指令，所述计算机程序指令在被处理器调用和执行时实现第一方面任一所述的方法步骤。与现有技术相比，本公开实施例的有益效果是：本公开实施例通过对小程序长列表滚动显示方法进行改进，使得小程序能够根据用户的使用对长列表进行滚动显示，满足了小程序大数据列表的应用需求，克服了原有组件不能进行滚动显示的技术障碍。增强了用户体验，从而使得小程序不仅在使用功能上满足了用户需求，而且在手势体验上更加人性化，提升了小程序的应用价值。附图说明为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本公开实施例提供的小程序长列表滚动显示方法流程示意图；图2为本公开实施例提供的小程序长列表滚动显示方法执行流程示意图；图3(a)为本公开实施例提供的小程序长列表滚动显示装置的结构示意图；图3(b)为本公开实施例提供的小程序长列表滚动显示装置的滚动单元结构示意图；图3(c)为本公开实施例提供的小程序长列表滚动显示装置的初始化单元结构示意图；图4为本公开实施例提供的电子设备的结构示意图。具体实施方式为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。在本公开实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本公开。在本公开实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种，但是不排除包含至少一种的情况。应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。应当本文档来自技高网...

【技术保护点】
1.一种小程序长列表滚动显示的方法，其特征在于，包括：接收触控指令，激活所述小程序；通过页面滚动容器对所述小程序的页面进行初始化参数设置；接收手势触控指令，获得触控偏移量值，将所述触控偏移量值与所述初始化参数进行比较，根据比较结果执行相应的长列表滚动指令。

【技术特征摘要】
1.一种小程序长列表滚动显示的方法，其特征在于，包括：接收触控指令，激活所述小程序；通过页面滚动容器对所述小程序的页面进行初始化参数设置；接收手势触控指令，获得触控偏移量值，将所述触控偏移量值与所述初始化参数进行比较，根据比较结果执行相应的长列表滚动指令。2.根据权利要求1所述的方法，其特征在于，所述通过页面滚动容器对所述小程序的页面进行初始化参数设置，包括：设置所述滚动容器的位置属性、尺寸属性、溢出属性和/或触控回调函数；设置列表变量，根据起始列表数据渲染所述列表变量获得初始化列表；设置列表容器的区域参数和边界参数。3.根据权利要求2所述的方法，其特征在于，所述接收手势触控指令，获得触控偏移量值，将所述触控偏移量值与所述初始化参数进行比较，根据比较结果执行相应的长列表滚动指令，包括：接收手势触控指令，根据触控起始回调函数和触控位移回调函数获得触控偏移量值；比较所述触控偏移量值与所述初始化参数，根据比较结果执行相应的长列表滚动指令。4.根据权利要求3所述的方法，其特征在于，所述比较所述触控偏移量值与所述初始化参数，根据比较结果执行相应的长列表滚动指令，包括：根据所述触控偏移量值的正负，确定长列表的滚动方向；根据所述列表容器的区域参数和所述列表容器的边界参数关系确定所述长列表是否滚动到所述长列表边界；当所述长列表滚动到所述长列表边界时，停止滚动。5.根据权利要求4所述的方法，其特征在于，所述根据所述触控偏移量值的正负，确定长列表的滚动方向，包括：所述触控偏移量值为负时，所述长列表向上滚动；所述触控偏移量值为正时，所述长列表向下滚动。6.根据权利要求4或5所述的方法，其特征在于，所述根据所述列表容器的区域参数和所述列表容器的边界参数关系确定所述长列表是否滚动到所述长列表边界，包括：从长列表最后一项起获得每一项元素的下边界坐标值；重复计算所述下边界坐标值与所述列表容器的区域参数的差值是否小于零；直到所述差值不小于零，记录所述元素的下边界坐标值；根据所述下边界坐标值确定所述长列表是否滚动到所述长列表边界。7.根据权利要求6所述的方法，其特征在于，所述根...

【专利技术属性】
技术研发人员：俞亮，
申请(专利权)人：天津字节跳动科技有限公司，
类型：发明
国别省市：天津,12