一种页面滑动的处理方法及相关装置制造方法及图纸

技术编号:33989756 阅读:16 留言:0更新日期:2022-07-02 09:23
公开了一种页面滑动的处理方法,包括:检测到针对第一页面的第一模块沿第一方向的滑动操作;在第一时间段,根据滑动操作沿第二方向的位移控制第一模块组沿第二方向滑动,根据第一模块组的位移控制第二模块组基于第一预设运动规律沿第二方向滑动;第一模块组包括第一模块,第二模块组是根据该模块组的模块与第一模块的位置关系确定的;在第一时间段的截止时刻,第一模块组的位移大于等于第二模块组的位移,第一模块组和第二模块组的第一位移差大于零;在第一时间段后的第二时间段控制第二模块组在第二位移内基于第二预设运动规律滑动;相比于第二时间段的起始时刻,在其截止时刻第一位移差减小。这样,提高了页面滑动的联动性和趣味性。和趣味性。和趣味性。

【技术实现步骤摘要】
一种页面滑动的处理方法及相关装置


[0001]本申请涉及电子
,尤其涉及一种页面滑动的处理方法及相关装置。

技术介绍

[0002]用户在使用电子设备的过程中,经常会滑动电子设备显示的页面,来查看该页面中的更多页面模块(例如,卡片、图标、悬浮窗口等)。目前,页面滑动过程中,所有页面模块会整体进行平移,导致页面的滑动效果单一,缺乏联动性,用户体验差。

技术实现思路

[0003]本申请实施例提供了一种页面滑动的处理方法及相关装置,提高页面滑动的联动性和趣味性,有效提升用户体验。
[0004]第一方面,本申请提供了一种页面滑动的处理方法,包括:电子设备检测到作用于第一页面的第一模块沿第一方向的滑动操作;响应于滑动操作,在第一时间段内,电子设备根据检测到的滑动操作沿第二方向的位移,控制第一模块组沿第二方向滑动,并根据第一模块组的位移,控制第二模块组基于第一预设运动规律沿第二方向滑动;其中,第一模块组包括第一模块,第二模块组包括第一页面中第一模块组以外的至少一个模块,第二模块组是电子设备根据第二模块组中的模块与第一模块的位置关系确定的;第二方向是根据第一方向确定的;在第一时间段,第一模块组的位移大于等于第二模块组的位移,在第一时间段的截止时刻,第一模块组和第二模块组的第一位移差大于零;根据第一模块组在第一时间段的截止时刻的第一位移,确定在第一时间段后的第二时间段内第二模块组在第二方向上的第二位移;在第二时间段,控制第二模块组在第二位移内基于第二预设运动规律滑动;相比于第二时间段的起始时刻,在第二时间段的截止时刻,第一位移差减小。
[0005]本申请实施例提供中,接收用户作用于页面上的模块的滑动操作后,基于用户的滑动方向控制各模块沿第二方向滑动;其中,第二方向上的模块组间的间隔先被压缩再增大,第二方向反方向上的模块组间的间隔先被拉伸再减小;从而,提高了页面滑动的联动性和趣味性,增加了对用户的滑动操作的动态反馈,有效提升了用户体验。
[0006]在一种实现方式中,上述电子设备根据检测到的滑动操作沿第二方向的位移,控制第一模块组沿第二方向滑动,并根据第一模块组的位移,控制第二模块组基于第一预设运动规律沿第二方向滑动,包括:电子设备根据检测到的滑动操作沿第二方向的位移,在第一时间段的起始时刻,控制第一模块组开始沿第二方向滑动,并根据第一模块组的位移,在与第一时间段的起始时刻间隔第一时间差的时刻,控制第二模块组开始根据第一预设运动规律沿第二方向滑动。
[0007]在一种实现方式中,上述电子设备根据检测到的滑动操作沿第二方向的位移,控制第一模块组沿第二方向滑动,并基于第一模块组的位移,控制第二模块组根据第一预设运动规律沿第二方向滑动,包括:在第一时间段内的第一刷新周期,电子设备根据第一刷新周期的前一刷新周期内滑动操作沿第二方向的第三位移,控制第一模块组沿第二方向滑动
第四位移;并根据前一刷新周期内第一模块组滑动的第四位移,控制第二模块组基于第一预设运动规律滑动第五位移;其中,第四位移等于第三位移的h倍,h大于0小于等于1,第五位移小于等于第四位移。
[0008]在一种实现方式中,当第一模块组在第一刷新周期的起始时刻的位移小于等于第二方向的最大位移时,h等于1;当第一模块组在第一刷新周期的起始时刻的位移大于第二方向的最大位移时,h大于零小于1;第二方向的最大位移,是根据在第一时间段的起始时刻,第一页面中第二方向的反方向上的第一边缘模块的位置确定的。
[0009]在一种实现方式中,上述第一方向的最大位移,等于第一边缘模块沿第二方向滑动至电子设备的显示屏的第一预设位置的位移。
[0010]在一种实现方式中,上述根据第一模块组在第一时间段的截止时刻的第一位移,确定在第一时间段后的第二时间段,第二模块组在第二方向上的第二位移,包括:根据滑动操作,确定在第二时间段第一模块组在第二方向上的第六位移;确定第二位移等于第六位移加上第一位移再减去第七位移,第七位移为第二模块组在第一时间段的截止时刻的位移;第一时间段的起始时刻到第二时间段的截止时刻,第一模块组和第二模块组在第二方向上的位移等于第一位移加上第六位移。
[0011]在一种实现方式中,所述方法还包括:在第二时间段,控制第一模块组在第六位移内基于第二预设运动规律进行滑动。
[0012]在一种实现方式中,上述第二时间段内先后包括第三时间段和第四时间段,在第二时间段,控制第二模块组在第二位移内基于第二预设运动规律滑动,具体包括:在第三时间段,控制第二模块组在第八位移内基于第一预设运动规律进行滑动,第八位移等于第一位移减去第七位移;在第四时间段,控制第二模块组在第六位移内基于第二预设运动规律进行滑动。
[0013]在一种实现方式中,在第二时间段,第一模块组和第二模块组沿第二方向的速度大于等于零,第一模块组的位移大于等于第二模块组;第二时间段的起始时刻到第二时间段内的第一时刻,第一位移差增大;第一时刻到第二时间段的截止时刻,第一位移差减小;在第二时间段的截止时刻,第一位移差等于零。
[0014]在一种实现方式中,在第二时间段的起始时刻到第二时间段的第二时刻,第一模块组在第二方向上的位移大于等于第二模块组在第二方向上的位移,第一位移差先增大后减小至零;在第二时刻到第二时间段的截止时刻,第一模块组在第二方向上的位移小于等于第二模块组在第一方向上的位移,第一位移差先增大后减小至零。
[0015]在一种实现方式中,第一模块组和第二模块组在第二时间段后停止滑动。
[0016]在一种实现方式中,上述第一位移加上第六位移大于最大位移,所述方法还包括:在第二时间段之后的第五时间段,控制第一模块组和第二模块组基于第一预设运动规律沿第二方向的反方向移动第九位移;第五时间段内,第一模块组在第二方向上的位移小于第二模块组在第二方向上的位移,第一位移差先增大再减小至零;第五时间段后第一模块组和第二模块组停止滑动;第九位移等于第一位移加上第六位移再减去最大位移。
[0017]在一种实现方式中,上述在第二时间段之后的第五时间段,控制第一模块组和第二模块组基于第一预设运动规律沿第二方向的反方向移动第九位移,包括:在第五时间段的起始时刻,控制第一模块组开始基于第一预设运动规律沿第二方向的反方向移动第九位
移;在与第五时间段的起始时刻间隔第二时间差的时刻,控制第二模块组开始基于第一预设运动规律沿第二方向的反方向移动第九位移。
[0018]在一种实现方式中,上述根据第一模块组在第一时间段的截止时刻的第一位移,确定在第一时间段后的第二时间段,第二模块组在第二方向上的第二位移,包括:根据第一模块组在第一时间段的截止时刻的第一位移,确定在第一时间段后的第二时间段,第二模块组在第二方向上的第二位移为第一位移减去第七位移。
[0019]在一种实现方式中,上述第一模块组在第一时间段后停止滑动,第二模块组在第二时间段后停止滑动。
[0020]在一种实现方式中,上述第一位移大于最大位移,所述方法还包括:在第二时间段之后的第六本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面滑动的处理方法,其特征在于,包括:所述电子设备检测到作用于第一页面的第一模块沿第一方向的滑动操作;响应于所述滑动操作,在所述第一时间段内,所述电子设备根据检测到的所述滑动操作沿第二方向的位移,控制所述第一模块组沿所述第二方向滑动,并根据所述第一模块组的位移,控制第二模块组基于第一预设运动规律沿第二方向滑动;其中,所述第一模块组包括所述第一模块,所述第二模块组包括所述第一页面中所述第一模块组以外的至少一个模块,所述第二模块组是所述电子设备根据所述第二模块组中的模块与所述第一模块的位置关系确定的,所述第二方向是根据所述第一方向确定的,在所述第一时间段,所述第一模块组的位移大于等于所述第二模块组的位移,在所述第一时间段的截止时刻,所述第一模块组和所述第二模块组的第一位移差大于零;根据所述第一模块组在所述第一时间段的截止时刻的第一位移,确定在所述第一时间段后的第二时间段内所述第二模块组在所述第二方向上的第二位移;在所述第二时间段,控制所述第二模块组在所述第二位移内基于第二预设运动规律滑动;相比于所述第二时间段的起始时刻,在所述第二时间段的截止时刻,所述第一位移差减小。2.根据权利要求1所述的方法,其特征在于,所述电子设备根据检测到的所述滑动操作沿第二方向的位移,控制所述第一模块组沿所述第二方向滑动,并根据所述第一模块组的位移,控制第二模块组基于第一预设运动规律沿第二方向滑动,包括:所述电子设备根据检测到的所述滑动操作沿第二方向的位移,在所述第一时间段的起始时刻,控制所述第一模块组开始沿所述第二方向滑动,并根据所述第一模块组的位移,在与所述第一时间段的起始时刻间隔第一时间差的时刻,控制第二模块组开始根据第一预设运动规律沿所述第二方向滑动。3.根据权利要求1或2所述的方法,其特征在于,所述电子设备根据检测到的所述滑动操作沿第二方向的位移,控制所述第一模块组沿所述第二方向滑动,并基于所述第一模块组的位移,控制第二模块组根据第一预设运动规律沿第二方向滑动,包括:在所述第一时间段内的第一刷新周期,所述电子设备根据所述第一刷新周期的前一刷新周期内所述滑动操作沿所述第二方向的第三位移,控制所述第一模块组沿所述第二方向滑动第四位移,并根据所述前一刷新周期内所述第一模块组滑动的第四位移,控制所述第二模块组基于第一预设运动规律滑动第五位移;其中,所述第四位移等于所述第三位移的h倍,h大于0小于等于1,所述第五位移小于等于所述第四位移。4.根据权利要求3所述的方法,其特征在于,当所述第一模块组在所述第一刷新周期的起始时刻的位移小于等于所述第二方向的最大位移时,h等于1;当所述第一模块组在第一刷新周期的起始时刻的位移大于所述第二方向的最大位移时,h大于零小于1;所述第二方向的最大位移,是根据在所述第一时间段的起始时刻,所述第一页面中所述第二方向的反方向上的第一边缘模块的位置确定的。5.根据权利要求4所述的方法,其特征在于,所述第一方向的最大位移,等于所述第一边缘模块沿所述第二方向滑动至所述电子设备的显示屏的第一预设位置的位移。6.根据权利要求1任一项所述的方法,其特征在于,所述根据所述第一模块组在所述第
一时间段的截止时刻的第一位移,确定在所述第一时间段后的第二时间段,所述第二模块组在所述第二方向上的第二位移,包括:根据所述滑动操作,确定在所述第二时间段所述第一模块组在所述第二方向上的第六位移;确定所述第二位移等于所述第六位移加上所述第一位移再减去第七位移,所述第七位移为所述第二模块组在所述第一时间段的截止时刻的位移;所述第一时间段的起始时刻到所述第二时间段的截止时刻,所述第一模块组和所述第二模块组在所述第二方向上的位移等于所述第一位移加上所述第六位移。7.根据权利要求1至6任一项所述的方法,其特征在于,所述方法还包括:在所述第二时间段,控制所述第一模块组在所述第六位移内基于第二预设运动规律进行滑动。8.根据权利要求7所述的方法,其特征在于,所述第二时间段内先后包括第三时间段和第四时间段,所述在所述第二时间段,控制所述第二模块组在所述第二位移内基于第二预设运动规律滑动,具体包括:在所述第三时间段,控制所述第二模块组在第八位移内基于第一预设运动规律进行滑动,所述第八位移等于所述第一位移减去所述第七位移;在所述第四时间段,控制所述第二模块组在所述第六位移内基于第二预设运动规律进行滑动。9.根据权利要求1至8任一项所述的方法,其特征在于,在所述第二时间段,所述第一模块组和所述第二模块组沿第二方向的速度大于等于零,所述第一模块组的位移大于等于所述第二模块组;所述第二时间段的起始时刻到所述第二时间段内的第一时刻,所述第一位移差增大;所述第一时刻到所述第二时间段的截止时刻,所述第一位移差减小;在所述第二时间段的截止时刻,所述第一位移差等于零。10.根据权利要求1至8任一项所述的方法,其特征在于,在所述第二时间段的起始时刻到所述第二时间段的第二时刻,所述第一模块组在所述第二方向上的位移大于等于所述第二模块组在所述第二方向上的位移,所述第一位移差先增大后减小至零;在所述第二时刻到所述第二时间段的截止时刻,所述第一模块组在所述第二方向上的位移小于等于所述第二模块组在所述第一方向上的位移,所述第一位移差先增大后减小至零。11.根据权利要求9或10所述的方法,其特征在于,所述第一模块组和所述第二模块组在所述第二时间段后停止滑动。12.根据权利要求6至10任一项所述的方法,其特征在于,所述第一位移加上所述第六位移大于所述最大位移,所述方法还包括:在所述第二时间段之后的第五时间段,控制所述第一模块组和所述第二模块组基于第一预设运动规律沿所述第二方向的反方向移动第九位移;所述第五时间段内,所述第一模块组在所述第二方向上的位移小于所述第二模块组在所述第二方向上的位移,所述第一位移差先增大再减小至零,所述第五时间段后所述第一模块组和所述第二模块组停止滑动,所述第九位移等于所述第一位移加上所述第六位移再减去所述最大位移。13.根据权利要求12所述的方法,其特征在于,所述在所述第二时间段之后的第五时间段,控制所述第一模块组和所述第二模块组基于第一预设运动规律沿所述第二方向的反方
向移动第九位移,包括:在所述第五时间段的起始时刻,控制所述第一模块组开始基于第一预设运动规律沿所述第二方向的反方向移动第九位移;在与所述第五时间段的起始时刻间隔第二时间差的时刻,控制所述第二模块组开始基于所述第一预设运动规律沿所述第二方向的反方向移动第九位移。14.根据权利要求1所述的方法,其特征在于,所述根据所述第一模块组在所述第一时间段的截止时刻的第一位移,确定在所述第一时间段后的第二时间段,所述第二模块组在所述第二方向上的第二位移,包括:所述根据所述第一模块组在所述第一时间段的截止时刻的第一位移,确定在所述第一时间段后的第二时间段,所述第二模块组在所述第二方向上的第二位移为所述第一位移减去所述第七位移。15.根据权利要求14所述的方法,其特征在于,所述第一模块组在所述第一时间段后停止滑动,所述第二模块组在所述第二时间段后停止滑动。16.根据权利要求14所述的方法,其特征在于,所述第一位移大于所述最大位移,所述方法还包括:在所述第二时间段之后的第六时间段,控制所述第一模块组和所述第二模块组基于第一预设运动规律沿所述第二方向的反方向移动第十位移;所述第六时间段内,所述第一模块组在所述第二方向上的位移小于所述第二模块组,所述第一位移差先增大在减小至零;所述第六时间段后所述第一模块组和所述第二模块组停止滑动。17.根据权利要求1至16任一项所述的方法,其特征在于,所述方法还包括:响应于所述滑动操作,在所述第一时间段内,所述电子设备根据所述第一模块组的位移,控制第三模块组基于第一预设运动规律沿第二方向滑动;其中,所述第三模块组包括所述第一页面中所述第一模块组和所述第二模块组以外的至少一个模块,所述第三模块组是所述电子设备根据所述第三模块组中的模块与所述第一模块的位置关系确定的;在所述第一时间段,所述第二模块组的位移大于等于所述第三模块组的位移,在所述第一时间段的截止时刻,所述第一模块组和所述第二模块组的第二位移差大于零;根据所述第一模块组在所述第一时间段的截止时刻的第一位移,确定在所述第一时间段后的第二时间段,所述第三模块组在所述第二方向上的第十二位移;在所述第二时间段,控制所述第三模块组在所述第十二位移内基于第二预设运动规律滑动;相比于所述第二时间段的起始时刻,在所述第二时间段的截止时刻,所述第二位移差减小。18.根据权利要求17所述的方法,其特征在于,所述在所述第一时间段内,所述电子设备根据所述第一模块组的位移,控制第三模块组基于第一预设运动规律沿第二方向滑动,包括:在所述第一时间段内,所述电子设备根据所述第一模块组的位移,在与所述第一时间段的起始时刻间隔第三时间差的时刻,控制第三模块组开始根据第一预设运动规律沿所述第二方向滑动,所述第三时间差大于所述第一时间差。19.根据权利要求17或18所...

【专利技术属性】
技术研发人员:卞超
申请(专利权)人:华为技术有限公司
类型:发明
国别省市:

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

1