一种小程序窗口的下拉刷新方法、装置、设备和介质制造方法及图纸

技术编号:24755159 阅读:19 留言:0更新日期:2020-07-04 08:57
本申请实施例公开了一种小程序窗口的下拉刷新方法、装置、设备和介质,涉及小程序实现技术领域。具体实现方案为:小程序在页面的窗口中进行信息显示;在小程序获取到针对窗口内信息的下拉滑动手势时,切换至终端操作系统提供的窗口滚动端能力来响应下拉滑动手势,且向窗口滚动端能力的接口传入切换条件;在窗口滚动端能力响应下拉滑动手势的过程中,如果出现满足切换条件的情况,则切换至小程序中的窗口滚动程序来继续响应下拉滑动手势;小程序根据响应下拉滑动手势所反馈的窗口滚动距离执行信息的内容加载刷新和显示。本申请实施例的方案能够在小程序中实现局部窗口下拉刷新的良好呈现效果。

The utility model relates to a drop-down refresh method, device, device and medium of a small program window

【技术实现步骤摘要】
一种小程序窗口的下拉刷新方法、装置、设备和介质
本申请实施例涉及计算机
,具体涉及小程序实现技术。
技术介绍
随着智能终端技术的发展,在智能终端上可实现的应用功能越来越多,形式也越来越丰富。目前出现的小程序就是一种应用功能的实现方式。小程序是基于宿主程序作为平台来实现的。所谓宿主程序,也是一种应用程序,安装于终端,通过操作系统所提供的软硬件端能力来运行。小程序是由宿主程序来提供平台环境,在宿主程序的环境支持下运行。小程序中包括开发者自定义的代码,也包括宿主程序提供的平台能力和终端提供的软硬件端能力。小程序可通过宿主程序来调用端能力,从而实现应用功能。对于信息显示类的小程序,例如通过小程序中的窗口来显示资讯信息,则需要对资讯信息进行不断的刷新加载。目前一种被用户普遍接受的刷新方式是下拉刷新,即用户拖动信息显示页面向下拉动,而后触发对当前页面中内容的刷新。如果将下拉刷新功能,应用于小程序中局部窗口内的信息刷新时,则由于小程序调用端能力过程的限制,使得局部窗口下拉刷新功能不能正常实现,不能满足用户的使用需求。
技术实现思路
本申请实施例公开一种小程序窗口的下拉刷新方法、装置、设备和介质,能够在小程序中实现局部窗口下拉刷新的良好呈现效果。第一方面,本申请实施例公开了一种小程序窗口的下拉刷新方法,该方法包括:小程序在页面的窗口中进行信息显示;在小程序获取到针对所述窗口内信息的下拉滑动手势时,切换至终端操作系统提供的窗口滚动端能力来响应所述下拉滑动手势,且向所述窗口滚动端能力的接口传入切换条件;其中,所述小程序运行于宿主程序的平台环境中,所述宿主程序安装在配置有操作系统的终端中;在窗口滚动端能力响应所述下拉滑动手势的过程中,如果出现满足所述切换条件的情况,则切换至所述小程序中的窗口滚动程序来继续响应所述下拉滑动手势;所述小程序根据响应所述下拉滑动手势所反馈的窗口滚动距离执行信息的内容加载刷新和显示。上述申请中的一个实施例具有如下优点或有益效果:小程序在页面的窗口中进行信息显示;在小程序获取到针对窗口内信息的下拉滑动手势时,切换至终端操作系统提供的窗口滚动端能力来响应下拉滑动手势,且向窗口滚动端能力的接口传入切换条件;在窗口滚动端能力响应下拉滑动手势的过程中,如果出现满足切换条件的情况,则切换至小程序中的窗口滚动程序来继续响应下拉滑动手势;小程序根据响应下拉滑动手势所反馈的窗口滚动距离执行信息的内容加载刷新和显示,能够在小程序中实现局部窗口下拉刷新的良好呈现效果。另外,根据本申请上述实施例的小程序窗口的下拉刷新方法,还可以具有如下附加的技术特征:可选的,小程序获取到针对所述窗口内信息的下拉滑动手势包括:所述小程序获取所述操作系统提供的触控端能力所检测到的对触摸屏的下拉滑动手势。上述申请中的一个实施例具有如下优点或有益效果:操作系统提供的触控端能力可以检测到用户所有的触摸屏操作,并可以快速的获取对触摸屏的下拉滑动手势,反馈至小程序。可选的,所述窗口滚动端能力响应所述下拉滑动手势包括:所述窗口滚动端能力获取所述下拉滑动手势,并根据所述下拉滑动手势的滑动距离,计算对应的窗口滚动距离;所述窗口滚动端能力将所述窗口滚动距离反馈给所述小程序。上述申请中的一个实施例具有如下优点或有益效果:通过操作系统的窗口滚动端能力获取到下拉滑动手势,并根据该下拉滑动手势的滑动距离,计算得到对应窗口的滚动距离,并将该滚动距离反馈至小程序,可以实现小程序的窗口滚动操作。可选的,所述小程序中的窗口滚动程序继续响应所述下拉滑动手势包括:所述小程序中的窗口滚动程序获取所述下拉滑动手势;如果所述小程序中的窗口滚动程序确定所述下拉滑动手势的滑动距离超过设定阈值,则确定为产生拖拽事件;所述窗口滚动程序根据所述下拉滑动手势的滑动距离,计算对应的窗口滚动距离;其中,所述拖拽事件中的滑动距离与窗口滚动距离之间的关系符合拖拽阻尼曲线的关系。上述申请中的一个实施例具有如下优点或有益效果:当满足切换条件,通过小程序的窗口滚动程序响应下拉滑动手势时,窗口滚动程序确定是否产生拖拽事件,进一步的可以根据下拉滑动手势的滑动距离,计算得到对应的窗口滚动距离,可以实现小程序的窗口滚动操作。可选的,所述拖拽阻尼曲线的公式采用滑动距离的位置值和窗口滚动距离的位置值之间的常数关系来确定。该公式可具体如下:y=(A-D)/[1+[(x/C)B]+D其中,y为滑动距离的位置值,x为窗口滚动距离的位置值,A、B、C和D为常数。可选的,所述窗口滚动程序根据所述下拉滑动手势的滑动距离,计算对应的窗口滚动距离包括:如果所述下拉滑动手势为多点触控操作,则所述窗口滚动程序将所述下拉滑动手势多点各自的滑动距离位置值求均值,并与上次最新的滑动距离位置值相加,作为所述滑动距离的位置值。上述申请中的一个实施例具有如下优点或有益效果:通过窗口滚动程序将下拉滑动手势多点各自的滑动距离位置值求均值,并与上次最新的滑动距离位置值相加,作为所述滑动距离的位置值,可以提高多点触控操作中,滑动距离的位置值的计算精度。可选的,所述窗口滚动程序为所述小程序视图层的脚本程序,且用于在确定产生拖拽事件之后,将所述下拉滑动手势释放时确定的所述窗口滚动距离进行反馈。上述申请中的一个实施例具有如下优点或有益效果:通过窗口滚动程序将下拉滑动手势释放时确定的窗口滚动距离进行反馈,不必在下拉过程中多次反馈窗口滚动距离,从而避免多次进行数据加载。可选的,所述小程序根据响应所述下拉滑动手势所反馈的窗口滚动距离执行信息的内容加载刷新和显示包括:所述小程序的逻辑层为所述加载函数进行加锁设置,以控制所述加载函数在被触发后延迟设定时间允许下次触发;所述小程序的逻辑层获取响应所述下拉滑动手势所反馈的窗口滚动距离;所述小程序的逻辑层根据所述窗口滚动距离触发数据加载函数,以加载待显示信息内容;所述小程序的逻辑层将所述待显示信息内容传输给小程序的视图层,进行渲染并显示。上述申请中的一个实施例具有如下优点或有益效果:通过小程序的逻辑层获取窗口滚动距离,并通过加载函数对待显示信息内容进行加载,可以实现在小程序的视图层对待显示内容信息进行渲染显示,即实现了小程序局部窗口下拉刷新的良好呈现效果。通过小程序的逻辑层为加载函数进行加锁设置,可以避免加载函数重复的进行加载显示,进一步的减少计算量,提高小程序局部窗口下拉刷新的效率。可选的,所述切换条件包括:当所述窗口中的信息内容向下滚动到达当前窗口内所加载信息内容的顶部时,竖向滚动能力禁用。上述申请中的一个实施例具有如下优点或有益效果:当窗口中的信息内容向下滚动到达当前窗口内所加载信息内容的顶部时,禁用操作系统的竖向滚动能力,可以防止小程序窗口信息局部下拉刷新的过程中触顶回弹。可选的,小程序获取到针对所述窗口内信息的下拉滑动手势之前还包本文档来自技高网...

【技术保护点】
1.一种小程序窗口的下拉刷新方法,其特征在于,包括:/n小程序在页面的窗口中进行信息显示;/n在小程序获取到针对所述窗口内信息的下拉滑动手势时,切换至终端操作系统提供的窗口滚动端能力来响应所述下拉滑动手势,且向所述窗口滚动端能力的接口传入切换条件;其中,所述小程序运行于宿主程序的平台环境中,所述宿主程序安装在配置有操作系统的终端中;/n在窗口滚动端能力响应所述下拉滑动手势的过程中,如果出现满足所述切换条件的情况,则切换至所述小程序中的窗口滚动程序来继续响应所述下拉滑动手势;/n所述小程序根据响应所述下拉滑动手势所反馈的窗口滚动距离执行信息的内容加载刷新和显示。/n

【技术特征摘要】
1.一种小程序窗口的下拉刷新方法,其特征在于,包括:
小程序在页面的窗口中进行信息显示;
在小程序获取到针对所述窗口内信息的下拉滑动手势时,切换至终端操作系统提供的窗口滚动端能力来响应所述下拉滑动手势,且向所述窗口滚动端能力的接口传入切换条件;其中,所述小程序运行于宿主程序的平台环境中,所述宿主程序安装在配置有操作系统的终端中;
在窗口滚动端能力响应所述下拉滑动手势的过程中,如果出现满足所述切换条件的情况,则切换至所述小程序中的窗口滚动程序来继续响应所述下拉滑动手势;
所述小程序根据响应所述下拉滑动手势所反馈的窗口滚动距离执行信息的内容加载刷新和显示。


2.根据权利要求1所述的方法,其特征在于,所述窗口滚动端能力响应所述下拉滑动手势包括:
所述窗口滚动端能力获取所述下拉滑动手势,并根据所述下拉滑动手势的滑动距离,计算对应的窗口滚动距离;
所述窗口滚动端能力将所述窗口滚动距离反馈给所述小程序。


3.根据权利要求1所述的方法,其特征在于,所述小程序中的窗口滚动程序继续响应所述下拉滑动手势包括:
所述小程序中的窗口滚动程序获取所述下拉滑动手势;
如果所述小程序中的窗口滚动程序确定所述下拉滑动手势的滑动距离超过设定阈值,则确定为产生拖拽事件;
所述窗口滚动程序根据所述下拉滑动手势的滑动距离,计算对应的窗口滚动距离;
其中,所述拖拽事件中的滑动距离与窗口滚动距离之间的关系符合拖拽阻尼曲线的关系。


4.根据权利要求3所述的方法,其特征在于,所述拖拽阻尼曲线的公式采用滑动距离的位置值和窗口滚动距离的位置值之间的常数关系来确定。


5.根据权利要求4所述的方法,其特征在于,所述窗口滚动程序根据所述下拉滑动手势的滑动距离,计算对应的窗口滚动距离包括:
如果所述下拉滑动手势为多点触控操作,则所述窗口滚动程序将所述下拉滑动手势多点各自的滑动距离位置值求均值,并与上次最新的滑动距离位置值相加,作为所述滑动距离的位置值。


6.根据权利要求3所述的方法,其特征在于,所述窗口滚动程序为所述小程序视图层的脚本程序,且用于在确定产生拖拽事件之后,将所述下拉滑动手势释放时确定的所述窗口滚动距离进行反馈。


7.根据权利要求2-6任一所述的方法,其特征在于,所述小程序根据响应所述下拉滑动手势所反馈的窗口滚动距离执行信息的内容加载刷新和显示包括:
所述小程序的逻辑层为所述加载函数进行加锁设置,以控制所述加载函数在被触发后延迟设定时间允许下次触发;
所...

【专利技术属性】
技术研发人员:贾丽鹏
申请(专利权)人:百度在线网络技术北京有限公司
类型:发明
国别省市:北京;11

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

1