System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 界面切换方法、电子设备及存储介质技术_技高网

界面切换方法、电子设备及存储介质技术

技术编号:41925686 阅读:5 留言:0更新日期:2024-07-05 14:23
本申请实施例提供一种界面切换方法、电子设备及存储介质,该界面切换方法包括:创建第三界面,第三界面的真实位置包含第一界面的真实位置和第二界面的真实位置,第一视图承载于第一界面;在第三界面上绘制第二视图,第二视图与第一视图的真实位置相同,并且内容相同;基于第二视图的动效参数对第二视图的显示位置进行调整,在调整过程中,第二界面的显示位置随着第二视图的显示位置进行调整,使得调整后的第二视图的显示位置、第二界面的显示位置均与第二界面的真实位置重合,以显示第二界面。本申请实施例可以提高界面切换效果。

【技术实现步骤摘要】

本申请涉及显示,具体涉及一种界面切换方法、电子设备及存储介质


技术介绍

1、随着新能源汽车行业的快速发展以及互联网造车新势力的崛起,越来越多的汽车用户会在车载系统上安装各类应用以获得更加便捷丰富的用车体验,例如地图、音乐等。每个应用都会有一个承载其内容的界面,应用之间的切换其实是界面之间的切换,对于界面之间切换当下流行采用同步转场动效来达到流畅的切换效果。

2、目前的界面切换只能实现全屏界面到全屏界面的切换,对于非全屏界面之间的切换,界面切换的效果较差。


技术实现思路

1、本申请实施例提供一种界面切换方法、电子设备及存储介质,可以提高界面切换效果。

2、本申请实施例的第一方面提供了一种界面切换方法,包括:

3、创建第三界面,在所述第三界面上绘制第二视图,所述第三界面的真实位置包含第一界面的真实位置和第二界面的真实位置,第一视图承载于所述第一界面,所述第二视图与所述第一视图的真实位置相同,并且内容相同;

4、基于所述第二视图的动效参数对所述第二视图的显示位置进行调整,在调整过程中,所述第二界面的显示位置随着所述第二视图的显示位置进行调整,使得调整后的所述第二视图的显示位置、所述第二界面的显示位置均与所述第二界面的真实位置重合,以显示所述第二界面。

5、可选的,所述在所述第三界面上绘制第二视图,包括:

6、对所述第一视图进行截图处理,得到所述第一视图的截图,将所述第一视图的截图作为所述第二视图,将所述第二视图添加到所述第三界面上。

7、可选的,在第二视图的真实位置长宽比和所述第二界面的真实位置长宽比相同的情况下,所述动效参数包括:平移参数和缩放参数。

8、可选的,在第二视图的真实位置长宽比和所述第二界面的真实位置长宽比不相同的情况下,所述动效参数包括:平移参数、缩放参数和裁剪参数。

9、可选的,所述基于所述第二视图的动效参数对所述第二视图的显示位置进行调整,在调整过程中,所述第二界面的显示位置随着所述第二视图的显示位置进行调整,使得调整后的所述第二视图的显示位置、所述第二界面的显示位置均与所述第二界面的真实位置重合,以显示所述第二界面,包括:

10、在第一动效阶段,基于所述第二视图的平移参数和缩放参数对所述第二视图的显示位置进行调整,使得所述第二视图的显示位置从所述第二视图的真实位置变化至第一位置,基于所述第二界面的平移参数、缩放参数和裁剪参数对所述第二界面的显示位置进行调整,使得所述第二界面的显示位置从所述第二视图的真实位置变化至所述第一位置;所述第二界面经过裁剪参数进行裁剪后的界面长宽比与所述第二视图的真实位置长宽比相同;

11、在第二动效阶段,基于所述第二视图的平移参数、缩放参数和裁剪参数对所述第二视图的显示位置进行调整,使得所述第二视图的显示位置从所述第一位置变化至所述第二界面的真实位置,基于所述第二界面的平移参数和缩放参数对所述第二界面的显示位置进行调整,使得所述第二界面的显示位置从所述第一位置变化至所述第二界面的真实位置,使得调整后的所述第二视图的显示位置、所述第二界面的显示位置均与所述第二界面的真实位置重合,以显示所述第二界面;所述第二视图经过裁剪参数进行裁剪后的视图长宽比与所述第二界面的真实位置长宽比相同。

12、可选的,所述第一位置的长度大于所述第二视图的真实位置的长度,所述第一位置的长度小于所述第二界面的真实位置的长度;所述第一位置的宽度大于所述第二视图的真实位置的宽度,所述第一位置的宽度小于所述第二界面的真实位置的宽度。

13、可选的,在第二视图的显示位置的变化过程中的任一时刻或者在所述第二界面的显示位置的变化过程中的任一时刻,所述第二视图的显示位置与所述第二界面的显示位置重合。

14、可选的,在第二视图的显示位置的变化过程中或者在所述第二界面的显示位置的变化过程中,所述第二界面从全透明界面逐渐变为全不透明界面,所述第一界面从全不透明界面逐渐变为全透明界面,所述第二视图从全不透明视图逐渐变为全透明视图。

15、可选的,所述方法还包括:

16、在所述第二视图的显示位置与所述第二界面的真实位置重合的情况下,删除所述第三界面。

17、可选的,所述第三界面为透明界面。

18、可选的,在第二视图的显示位置的变化过程中或者在所述第二界面的显示位置的变化过程中,所述第三界面的显示层级大于所述第二界面的显示层级,所述第二界面的显示层级大于所述第一界面的显示层级。

19、可选的,所述第一界面的真实位置与所述第二界面的真实位置不完全重合。

20、本申请实施例的第二方面提供了一种界面切换装置,包括:

21、创建单元,用于创建第三界面,所述第三界面的真实位置包含第一界面的真实位置和第二界面的真实位置,第一视图承载于所述第一界面;

22、绘制单元,用于在所述第三界面上绘制第二视图,所述第二视图与所述第一视图的真实位置相同,并且内容相同;

23、调整单元,用于基于所述第二视图的动效参数对所述第二视图的显示位置进行调整,在调整过程中,所述第二界面的显示位置随着所述第二视图的显示位置进行调整,使得调整后的所述第二视图的显示位置、所述第二界面的显示位置均与所述第二界面的真实位置重合,以显示所述第二界面。

24、本申请实施例的第三方面提供了一种电子设备,包括处理器和存储器,所述存储器用于存储计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,执行如本申请实施例第一方面中的步骤指令。

25、本申请实施例的第四方面提供了一种计算机可读存储介质,其中,上述计算机可读存储介质存储用于电子数据交换的计算机程序,其中,上述计算机程序使得计算机执行如本申请实施例第一方面中所描述的部分或全部步骤。

26、本申请实施例的第五方面提供了一种计算机程序产品,其中,上述计算机程序产品包括计算机程序,上述计算机程序可操作来使计算机执行如本申请实施例第一方面中所描述的部分或全部步骤。该计算机程序产品可以为一个软件安装包。

27、本申请实施例中,创建第三界面,在第三界面上绘制第二视图,第三界面的真实位置包含第一界面的真实位置和第二界面的真实位置,第一视图承载于第一界面,第二视图与第一视图的真实位置相同,并且内容相同;基于第二视图的动效参数对第二视图的显示位置进行调整,在调整过程中,第二界面的显示位置随着第二视图的显示位置进行调整,使得调整后的第二视图的显示位置、第二界面的显示位置均与第二界面的真实位置重合,以显示第二界面。本申请实施例中,从第一界面切换到第二界面的过程中,新增第三界面来实现转场动效,由于第三界面的真实位置包含第一界面的真实位置和第二界面的真实位置,在从第一界面切换到第二界面的动效过程中,第三界面中承载的第二视图的既不会出现超出第一界面的真实位置的边界而无法显示的情况,也不会出现超出第二界面的真实本文档来自技高网...

【技术保护点】

1.一种界面切换方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述在所述第三界面上绘制第二视图,包括:

3.根据权利要求1或2所述的方法,其特征在于,在所述第二视图的显示位置的变化过程中的任一时刻或者在所述第二界面的显示位置的变化过程中的任一时刻,所述第二视图的显示位置与所述第二界面的显示位置重合。

4.根据权利要求3所述的方法,其特征在于,在所述第二视图的真实位置长宽比和所述第二界面的真实位置长宽比相同的情况下,所述动效参数包括:平移参数和缩放参数。

5.根据权利要求3所述的方法,其特征在于,在所述第二视图的真实位置长宽比和所述第二界面的真实位置长宽比不相同的情况下,所述动效参数包括:平移参数、缩放参数和裁剪参数。

6.根据权利要求5所述的方法,其特征在于,所述基于所述第二视图的动效参数对所述第二视图的显示位置进行调整,在调整过程中,所述第二界面的显示位置随着所述第二视图的显示位置进行调整,使得调整后的所述第二视图的显示位置、所述第二界面的显示位置均与所述第二界面的真实位置重合,以显示所述第二界面,包括:

7.根据权利要求6所述的方法,其特征在于,所述第一位置的长度大于所述第二视图的真实位置的长度,所述第一位置的长度小于所述第二界面的真实位置的长度;所述第一位置的宽度大于所述第二视图的真实位置的宽度,所述第一位置的宽度小于所述第二界面的真实位置的宽度。

8.根据权利要求1~7任一项所述的方法,其特征在于,在第二视图的显示位置的变化过程中或者在所述第二界面的显示位置的变化过程中,所述第二界面从全透明界面逐渐变为全不透明界面,所述第一界面从全不透明界面逐渐变为全透明界面,所述第二视图从全不透明视图逐渐变为全透明视图。

9.根据权利要求1~8任一项所述的方法,其特征在于,所述方法还包括:

10.根据权利要求1~9任一项所述的方法,其特征在于,所述第三界面为透明界面。

11.根据权利要求1~10任一项所述的方法,其特征在于,所述第一界面的真实位置与所述第二界面的真实位置不完全重合。

12.根据权利要求1~11任一项所述的方法,其特征在于,在第二视图的显示位置的变化过程中或者在所述第二界面的显示位置的变化过程中,所述第三界面的显示层级大于所述第二界面的显示层级,所述第二界面的显示层级大于所述第一界面的显示层级。

13.一种电子设备,其特征在于,包括处理器和存储器,所述存储器用于存储计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,执行如权利要求1~12任一项所述的方法。

14.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时使所述处理器执行如权利要求1~12任一项所述的方法。

...

【技术特征摘要】

1.一种界面切换方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述在所述第三界面上绘制第二视图,包括:

3.根据权利要求1或2所述的方法,其特征在于,在所述第二视图的显示位置的变化过程中的任一时刻或者在所述第二界面的显示位置的变化过程中的任一时刻,所述第二视图的显示位置与所述第二界面的显示位置重合。

4.根据权利要求3所述的方法,其特征在于,在所述第二视图的真实位置长宽比和所述第二界面的真实位置长宽比相同的情况下,所述动效参数包括:平移参数和缩放参数。

5.根据权利要求3所述的方法,其特征在于,在所述第二视图的真实位置长宽比和所述第二界面的真实位置长宽比不相同的情况下,所述动效参数包括:平移参数、缩放参数和裁剪参数。

6.根据权利要求5所述的方法,其特征在于,所述基于所述第二视图的动效参数对所述第二视图的显示位置进行调整,在调整过程中,所述第二界面的显示位置随着所述第二视图的显示位置进行调整,使得调整后的所述第二视图的显示位置、所述第二界面的显示位置均与所述第二界面的真实位置重合,以显示所述第二界面,包括:

7.根据权利要求6所述的方法,其特征在于,所述第一位置的长度大于所述第二视图的真实位置的长度,所述第一位置的长度小于所述第二界面的真实位置的长度;所述第一位置的宽度大于所述第二视图的真实位置的宽度,所述第一位置的宽度小于所述第二界面...

【专利技术属性】
技术研发人员:刘欢潘双彭娅桂嘉宇
申请(专利权)人:比亚迪股份有限公司
类型:发明
国别省市:

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

1