页面滚动处理方法、装置、终端以及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113918258A(43)申请公布日2022.01.11(21)申请号202111166928.3G06F3/04817(2022.01)(22)申请日2021.09.30(71)申请人北京达佳互联信息技术有限公司地址100085北京市海淀区上地西路6号1幢1层101D1-7(72)发明人李杰(74)专利代理机构北京润泽恒知识产权代理有限公司11319代理人李娜(51)Int.Cl.G06F9/451(2018.01)G06F3/0485(2022.01)G06F3/0488(2022.01)G06F3/04847(2022.01)G06F3/04855(2022.01)权利要求书2页说明书20页附图4页(54)发明名称页面滚动处理方法、装置、终端以及存储介质(57)摘要本申请关于一种页面滚动处理方法、装置、终端以及存储介质，涉及计算机技术领域。应用于运行有小程序的终端，所述方法包括：通过渲染层线程在页面显示页面内容组件位于滚动视图组件中的部分内容；通过渲染层线程执行第一滚动处理，直至滚动视图组件沿滚动方向移动至页面内容组件的边界，第一滚动处理包括：获取滚动视图组件的设定偏移量，控制滚动视图组件沿滚动方向移动设定偏移量，在页面显示页面内容组件位于移动后的滚动视图组件中的部分内容。本申请避免了实现过程中存在的逻辑层和渲染层之间的数据传输，减少了数据传输时长，降低了出现滚动卡顿的概率，提高了滚动显示效果。CN113918258ACN113918258A权利要求书1/2页1.一种页面滚动处理方法，其特征在于，所述方法包括：通过渲染层线程在页面显示页面内容组件位于滚动视图组件中的部分内容，所述页面是基于所述滚动视图组件以及与所述滚动视图组件具有关联层级关系的页面内容组件生成，所述页面内容组件在滚动方向上的长度大于所述滚动视图组件在所述滚动方向上的长度；通过所述渲染层线程执行第一滚动处理，直至所述滚动视图组件沿所述滚动方向移动至所述页面内容组件的边界，所述第一滚动处理包括：获取所述滚动视图组件的设定偏移量，控制所述滚动视图组件沿所述滚动方向移动所述设定偏移量，在所述页面显示所述页面内容组件位于移动后的滚动视图组件中的部分内容。2.根据权利要求1所述的方法，其特征在于，所述获取所述滚动视图组件的设定偏移量，包括：获取终端的当前时间、所述滚动视图组件的总偏移量、滚动距离以及设定滚动时长，所述滚动距离为当前所述滚动视图组件与所述边界之间的距离，所述总偏移量为所述滚动视图组件的当前位置相对所述滚动视图组件的初始位置的总移动距离；将所述当前时间、所述总偏移量、所述滚动距离以及所述设定滚动时长代入设定动画缓动函数进行计算，得到所述设定偏移量。3.根据权利要求1或2所述的方法，其特征在于，所述控制所述滚动视图组件沿所述滚动方向移动所述设定偏移量，包括：基于所述设定偏移量，更新所述滚动视图组件的变形属性中与所述滚动方向对应的属性值，以使得更新后的属性值为更新前的属性值与所述设定偏移量之和。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：在检测到触控件触发的触摸事件时，通过所述渲染层线程停止执行所述第一滚动处理，获取所述触控件的触控偏移量；通过所述渲染层线程控制所述滚动视图组件沿所述滚动方向移动所述触控偏移量；通过所述渲染层线程在所述页面显示所述页面内容组件位于移动后的滚动视图组件中的部分内容。5.根据权利要求4所述的方法，其特征在于，所述在检测到触控件触发的触摸事件时，通过所述渲染层线程停止执行所述第一滚动处理，获取所述触控件的触控偏移量，包括：在检测到触控件触发的触摸开始事件时，通过所述渲染层线程停止执行所述第一滚动处理，获取所述触控件在所述滚动方向上的第一当前位置；在检测到触控件触发的触摸移动事件时，通过所述渲染层线程获取所述触控件在所述滚动方向上的第二当前位置；通过所述渲染层线程基于所述第一当前位置以及所述第二当前位置，确定所述触控偏移量。6.根据权利要求1所述的方法，其特征在于，所述方法还包括：在检测到触控件触发的触摸事件时，通过所述渲染层线程停止执行所述第一滚动处理，获取所述触控件的触控偏移量以及所述滚动视图组件的惯性滚动距离；通过所述渲染层线程将所述触控偏移量和所述惯性滚动距离之和，确定为滚动总距2CN113918258A权利要求书2/2页离；通过所述渲染层线程执行第二滚动处理，直至滚动总距离为零，所述第二滚动处理包括：将终端的当前时间、所述滚动视图组件的总偏移量、所述滚动视图组件的滚动总距离、设定惯性滚动时长代入设定动画缓动函数进行计算，得到惯性滚动偏移量，所述总偏移量为所述滚动视图组件的当前位置相对所述滚动视图组件的初始位置的总移动距离，控制所述滚