应用界面的无缝转场方法及装置、存储介质、电子设备与流程

专利2025-11-18  32


本发明涉及传感器领域,具体而言,涉及一种应用界面的无缝转场方法及装置、存储介质、电子设备。


背景技术:

1、相关技术中,应用程序的界面中,譬如淘宝下拉进入二楼,京东首页下拉进入新页面,微信首页下拉进入小程序,都是推入下一个界面,需要执行两个界面之间的转场。

2、相关技术中,在app中使用视图控件在首页上加载动态界面,动态界面由于需要实时变化,在转场时,适配切换过程中,为了适应ui大小的不同,视图控件放大或者缩小,会导致h5内容的实时更新,导致出现抖动的情况,影响界面转场的平滑度,用户体验差。

3、针对相关技术中存在的上述问题,暂未发现高效且准确的解决方案。


技术实现思路

1、本发明提供了一种应用界面的无缝转场方法及装置、存储介质、电子设备,以解决相关技术中存在的上述技术问题。

2、根据本发明的一个实施例,提供了一种应用界面的无缝转场方法,包括:在应用程序的第一动态界面检测转场指令,其中,所述转场指令用于指示从所述应用程序的第一动态界面转场至所述应用程序的第二动态界面;响应所述转场指令,截取视图组件的所述第一动态界面的界面截图,采用所述界面截图播放所述第一动态界面与所述第二动态界面之间的转场动画;在所述转场动画播放完成之后,在所述应用程序的当前界面展示所述第二动态界面。

3、可选地,在应用程序的第一动态界面检测转场指令包括以下至少之一:在应用程序的第一动态界面检测针对指定界面元素的点击指令,基于所述点击指令生成第一转场指令,其中,所述第一动态界面包括所述指定界面元素;在应用程序的第一动态界面检测指定操作,基于所述指定操作触发生成第二转场指令。

4、可选地,采用所述界面截图播放所述第一动态界面与所述第二动态界面之间的转场动画包括:查找所述视图组件的父视图,其中,所述父视图的子视图包括所述视图组件;将所述父视图下当前展示的子视图设置为所述界面截图;确定所述第二动态界面的展示尺寸;以所述界面截图的初始尺寸为起始尺寸,所述展示尺寸为结束尺寸,按照预设播放速率缩放所述界面截图,直到所述界面截图的当前尺寸缩放至所述结束尺寸,转场动画播放完成。

5、可选地,将所述父视图下当前展示的子视图设置为所述界面截图包括:将所述界面截图添加为所述父视图的子视图;将所述视图组件的属性设置为隐藏状态,同时将所述界面截图的属性设置为展示状态。

6、可选地,在所述应用程序的当前界面展示所述第二动态界面包括:读取所述第二动态界面的渲染参数;控制所述视图组件采用所述渲染参数在所述应用程序的当前界面展示所述第二动态界面。

7、可选地,控制所述视图组件采用所述渲染参数在所述应用程序的当前界面展示所述第二动态界面包括:在所述应用程序的当前界面隐藏所述界面截图,并显示所述视图组件;控制所述视图组件采用所述渲染参数展示所述第二动态界面。

8、可选地,所述第一动态界面包括第一元素集合,所述第二动态界面包括第二元素集合,所述第二元素集合包括所述第一元素集合中的若干个显示元素。

9、根据本发明的另一个实施例,提供了一种应用界面的无缝转场装置,包括:检测模块,用于在应用程序的第一动态界面检测转场指令,其中,所述转场指令用于指示从所述应用程序的第一动态界面转场至所述应用程序的第二动态界面;转场模块,用于响应所述转场指令,截取视图组件的所述第一动态界面的界面截图,采用所述界面截图播放所述第一动态界面与所述第二动态界面之间的转场动画;展示模块,用于在所述转场动画播放完成之后,在所述应用程序的当前界面展示所述第二动态界面。

10、可选地,所述检测模块包括以下至少之一:第一检测单元,用于在应用程序的第一动态界面检测针对指定界面元素的点击指令,基于所述点击指令生成第一转场指令,其中,所述第一动态界面包括所述指定界面元素;第二检测单元,用于在应用程序的第一动态界面检测指定操作,基于所述指定操作触发生成第二转场指令。

11、可选地,所述转场模块包括:查找单元,用于查找所述视图组件的父视图,其中,所述父视图的子视图包括所述视图组件;设置单元,用于将所述父视图下当前展示的子视图设置为所述界面截图;确定单元,用于确定所述第二动态界面的展示尺寸;播放单元,用于以所述界面截图的初始尺寸为起始尺寸,所述展示尺寸为结束尺寸,按照预设播放速率缩放所述界面截图,直到所述界面截图的当前尺寸缩放至所述结束尺寸,转场动画播放完成。

12、可选地,所述设置单元包括:添加子单元,用于将所述界面截图添加为所述父视图的子视图;设置子单元,用于将所述视图组件的属性设置为隐藏状态,同时将所述界面截图的属性设置为展示状态。

13、可选地,所述展示模块包括:读取单元,用于读取所述第二动态界面的渲染参数;控制单元,用于控制所述视图组件采用所述渲染参数在所述应用程序的当前界面展示所述第二动态界面。

14、可选地,所述控制单元包括:处理子单元,用于在所述应用程序的当前界面隐藏所述界面截图,并显示所述视图组件;展示子单元,用于控制所述视图组件采用所述渲染参数展示所述第二动态界面。

15、可选地,所述第一动态界面包括第一元素集合,所述第二动态界面包括第二元素集合,所述第二元素集合包括所述第一元素集合中的若干个显示元素。

16、根据本发明的又一个实施例,还提供了一种存储介质,所述存储介质中存储有计算机程序,其中,所述计算机程序被设置为运行时执行上述任一项装置实施例中的步骤。

17、根据本发明的又一个实施例,还提供了一种电子设备,包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器被设置为运行所述计算机程序以执行上述任一项装置实施例中的步骤。

18、通过本发明实施例,在应用程序的第一动态界面检测转场指令,其中,转场指令用于指示从应用程序的第一动态界面转场至应用程序的第二动态界面,响应转场指令,截取视图组件的第一动态界面的界面截图,采用界面截图播放第一动态界面与第二动态界面之间的转场动画,在转场动画播放完成之后,在应用程序的当前界面展示第二动态界面,通过采用动态界面的界面截图播放转场动画,避免了在转场适配尺寸时不断缩放视图组件,实现了一种无抖动的页面转场特效,解决了相关技术在两个动态界面之间转场时画面抖动的技术问题。



技术特征:

1.一种应用界面的无缝转场方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,在应用程序的第一动态界面检测转场指令包括以下至少之一:

3.根据权利要求1所述的方法,其特征在于,采用所述界面截图播放所述第一动态界面与所述第二动态界面之间的转场动画包括:

4.根据权利要求3所述的方法,其特征在于,将所述父视图下当前展示的子视图设置为所述界面截图包括:

5.根据权利要求1所述的方法,其特征在于,在所述应用程序的当前界面展示所述第二动态界面包括:

6.根据权利要求5所述的方法,其特征在于,控制所述视图组件采用所述渲染参数在所述应用程序的当前界面展示所述第二动态界面包括:

7.根据权利要求1至6任一项所述的方法,其特征在于,所述第一动态界面包括第一元素集合,所述第二动态界面包括第二元素集合,所述第二元素集合包括所述第一元素集合中的若干个显示元素。

8.一种应用界面的无缝转场装置,其特征在于,包括:

9.一种存储介质,其特征在于,所述存储介质中存储有计算机程序,其中,所述计算机程序被设置为运行时执行所述权利要求1至7任一项中所述的方法。

10.一种电子设备,包括存储器和处理器,其特征在于,所述存储器中存储有计算机程序,所述处理器被设置为运行所述计算机程序以执行所述权利要求1至7任一项中所述的方法。


技术总结
本发明提供了一种应用界面的无缝转场方法及装置、存储介质、电子设备,其中,该方法包括:在应用程序的第一动态界面检测转场指令,其中,所述转场指令用于指示从所述应用程序的第一动态界面转场至所述应用程序的第二动态界面;响应所述转场指令,截取视图组件的所述第一动态界面的界面截图,采用所述界面截图播放所述第一动态界面与所述第二动态界面之间的转场动画;在所述转场动画播放完成之后,在所述应用程序的当前界面展示所述第二动态界面。通过本发明实施例,避免了在转场适配尺寸时不断缩放视图组件,实现了一种无抖动的页面转场特效,解决了相关技术在两个动态界面之间转场时画面抖动的技术问题。

技术研发人员:殷祥福,李华
受保护的技术使用者:深圳市倍轻松科技股份有限公司
技术研发日:
技术公布日:2024/11/11
转载请注明原文地址: https://tieba.8miu.com/read-17711.html

最新回复(0)