[发明专利]页面滚动处理方法、装置、终端以及存储介质在审
申请号: | 202111166928.3 | 申请日: | 2021-09-30 |
公开(公告)号: | CN113918258A | 公开(公告)日: | 2022-01-11 |
发明(设计)人: | 李杰 | 申请(专利权)人: | 北京达佳互联信息技术有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451;G06F3/0485;G06F3/0488;G06F3/04847;G06F3/04855;G06F3/04817 |
代理公司: | 北京润泽恒知识产权代理有限公司 11319 | 代理人: | 李娜 |
地址: | 100085 北京市海淀*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 页面 滚动 处理 方法 装置 终端 以及 存储 介质 | ||
1.一种页面滚动处理方法,其特征在于,所述方法包括:
通过渲染层线程在页面显示页面内容组件位于滚动视图组件中的部分内容,所述页面是基于所述滚动视图组件以及与所述滚动视图组件具有关联层级关系的页面内容组件生成,所述页面内容组件在滚动方向上的长度大于所述滚动视图组件在所述滚动方向上的长度;
通过所述渲染层线程执行第一滚动处理,直至所述滚动视图组件沿所述滚动方向移动至所述页面内容组件的边界,所述第一滚动处理包括:
获取所述滚动视图组件的设定偏移量,
控制所述滚动视图组件沿所述滚动方向移动所述设定偏移量,
在所述页面显示所述页面内容组件位于移动后的滚动视图组件中的部分内容。
2.根据权利要求1所述的方法,其特征在于,所述获取所述滚动视图组件的设定偏移量,包括:
获取终端的当前时间、所述滚动视图组件的总偏移量、滚动距离以及设定滚动时长,所述滚动距离为当前所述滚动视图组件与所述边界之间的距离,所述总偏移量为所述滚动视图组件的当前位置相对所述滚动视图组件的初始位置的总移动距离;
将所述当前时间、所述总偏移量、所述滚动距离以及所述设定滚动时长代入设定动画缓动函数进行计算,得到所述设定偏移量。
3.根据权利要求1或2所述的方法,其特征在于,所述控制所述滚动视图组件沿所述滚动方向移动所述设定偏移量,包括:
基于所述设定偏移量,更新所述滚动视图组件的变形属性中与所述滚动方向对应的属性值,以使得更新后的属性值为更新前的属性值与所述设定偏移量之和。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在检测到触控件触发的触摸事件时,通过所述渲染层线程停止执行所述第一滚动处理,获取所述触控件的触控偏移量;
通过所述渲染层线程控制所述滚动视图组件沿所述滚动方向移动所述触控偏移量;
通过所述渲染层线程在所述页面显示所述页面内容组件位于移动后的滚动视图组件中的部分内容。
5.根据权利要求4所述的方法,其特征在于,所述在检测到触控件触发的触摸事件时,通过所述渲染层线程停止执行所述第一滚动处理,获取所述触控件的触控偏移量,包括:
在检测到触控件触发的触摸开始事件时,通过所述渲染层线程停止执行所述第一滚动处理,获取所述触控件在所述滚动方向上的第一当前位置;
在检测到触控件触发的触摸移动事件时,通过所述渲染层线程获取所述触控件在所述滚动方向上的第二当前位置;
通过所述渲染层线程基于所述第一当前位置以及所述第二当前位置,确定所述触控偏移量。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在检测到触控件触发的触摸事件时,通过所述渲染层线程停止执行所述第一滚动处理,获取所述触控件的触控偏移量以及所述滚动视图组件的惯性滚动距离;
通过所述渲染层线程将所述触控偏移量和所述惯性滚动距离之和,确定为滚动总距离;
通过所述渲染层线程执行第二滚动处理,直至滚动总距离为零,所述第二滚动处理包括:
将终端的当前时间、所述滚动视图组件的总偏移量、所述滚动视图组件的滚动总距离、设定惯性滚动时长代入设定动画缓动函数进行计算,得到惯性滚动偏移量,所述总偏移量为所述滚动视图组件的当前位置相对所述滚动视图组件的初始位置的总移动距离,
控制所述滚动视图组件沿所述滚动方向移动所述惯性滚动偏移量,
在所述页面更新显示所述页面内容组件位于移动后的滚动视图组件中的部分内容,
更新所述滚动总距离,使得更新后的滚动总距离为更新前的滚动总距离与所述惯性滚动偏移量的差值。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京达佳互联信息技术有限公司,未经北京达佳互联信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111166928.3/1.html,转载请声明来源钻瓜专利网。