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

显示方法及电子设备技术

技术编号:40007348 阅读:7 留言:0更新日期:2024-01-16 14:43
本申请公开了一种显示方法及电子设备,在电子设备进行横竖屏切换或折叠屏展开/折叠的过程中,电子设备可以基于界面元素的布局参数来设置转场动画,并显示转场动画的动画效果,从而可以大幅提高系统的响应速度,并且每一个界面元素都可以设置有独立的动画效果,屏幕的背景色不会发生变化,平滑过渡,减少突兀感,提高用户体验。

【技术实现步骤摘要】

本申请涉及终端,尤其涉及一种显示方法及电子设备


技术介绍

1、随着终端技术的快速发展,智能电子设备(例如手机)的功能也越来越强大,例如,智能电子设备可以为用户提供转场动画。然而,目前转场动画的使用场景较为受限,降低了用户体验。


技术实现思路

1、本申请实施例提供了一种显示方法及电子设备,电子设备可以基于界面元素的布局参数来设置转场动画,并显示转场动画的动画效果,平滑过渡,减少突兀感,提高用户体验。

2、第一方面,本申请实施例提供了一种显示方法,应用于包括显示屏的电子设备,该方法包括:在电子设备处于第一姿态的情况下,电子设备在显示屏上显示第一用户界面,第一用户界面中包括一个或多个界面元素;电子设备检测到第一事件,第一事件为用户触发将电子设备从第一姿态切换到第二姿态的事件;响应于第一事件,电子设备播放第一动画,第一动画是基于第一布局参数和第二布局参数生成的,第一动画中包括一个或多个子动画,一个或多个子动画为一个或多个界面元素中的部分或全部界面元素对应的动画;电子设备在显示屏上显示第二用户界面,第二用户界面为第一用户界面在电子设备处于第二姿态时的用户界面;其中,第一布局参数为一个或多个界面元素中的部分或全部界面元素显示于第一用户界面时的布局参数,第二布局参数为一个或多个界面元素中的部分或全部界面元素显示于第二用户界面时的布局参数。

3、通过实施第一方面提供的方法,电子设备可以为界面元素设置转场动画,并显示转场动画的动画效果,从而可以大幅提高系统的响应速度,并且每一个界面元素都可以设置有独立的动画效果,屏幕的背景色不会发生变化,平滑过渡,减少突兀感,提高用户体验。

4、在一种可能的实现方式中,第一姿态为竖屏姿态,第二姿态为横屏姿态;或,第一姿态为横屏姿态,第二姿态为竖屏姿态。

5、这样,电子设备在进行屏幕旋转时可以为界面元素设置转场动画,并显示转场动画的动画效果。

6、在一种可能的实现方式中,显示屏为折叠屏,第一姿态为展开姿态,第二姿态为折叠姿态或半折叠姿态;或,第一姿态为折叠姿态或半折叠姿态,第二姿态为展开姿态。

7、这样,电子设备在进行屏幕折叠或展开时可以为界面元素设置转场动画,并显示转场动画的动画效果。

8、在一种可能的实现方式中,在第一动画中包括多个子动画的情况下,多个子动画相同或不同。

9、这样,不同的界面元素对应的转场动画可以是相同的,也可以是不同的。

10、在一种可能的实现方式中,在电子设备播放第一动画之前,该方法还包括:电子设备获取第一布局参数和第二布局参数;电子设备基于第一布局参数和第二布局参数确定第一动画的信息,第一动画的信息用于电子设备播放第一动画。

11、这样,电子设备可以基于一个或多个界面元素中的部分或全部界面元素显示于第一用户界面时的布局参数、一个或多个界面元素中的部分或全部界面元素显示于第二用户界面时的布局参数来确定转场动画的信息,从而进一步可以播放该转场动画。

12、在一种可能的实现方式中,一个或多个界面元素包括第一界面元素,第一布局参数包括第一子布局参数,第一子布局参数为第一界面元素显示于第一用户界面时的布局参数,第二布局参数包括第二子布局参数,第二子布局参数为第一界面元素显示于第二用户界面时的布局参数,第一动画的信息包括一个或多个子动画的信息,一个或多个子动画的信息包括第一界面元素对应动画的信息,第一界面元素对应动画的信息是电子设备基于第一子布局参数和第二子布局参数确定的。

13、这样,电子设备可以基于每一个界面元素显示于第一用户界面和第二用户界面时的布局参数来确定其对应的转场动画的信息。

14、在一种可能的实现方式中,第一子布局参数包括第一界面元素在第一用户界面中的位置、大小中的一项或多项,第二子布局参数包括第一界面元素在第二用户界面中的位置、大小中的一项或多项。

15、在一种可能的实现方式中,电子设备确定第一界面元素对应动画的信息,具体包括:电子设备基于第一界面元素在第一用户界面和第二用户界面中的位置、大小中的一项或多项确定第一界面元素对应动画的信息;或,电子设备基于第一界面元素在第一用户界面和第二用户界面中的位置、大小中的一项或多项,以及第一界面元素在第一用户界面和第二用户界面中的角度来确定第一界面元素对应动画的信息。这样,电子设备可以基于每一个界面元素显示于第一用户界面和第二用户界面时的布局参数(例如位置、大小)来确定其对应的转场动画的信息;还可以基于每一个界面元素显示于第一用户界面和第二用户界面时的布局参数(例如位置、大小)、以及角度来确定其对应的转场动画的信息。

16、在一种可能的实现方式中,电子设备包括第一应用、过渡模块,第一用户界面为第一应用的一个用户界面,在电子设备获取第一布局参数和第二布局参数之前,该方法还包括:第一应用向过渡模块发送第一消息,第一消息用于指示过渡模块创建第一动画;电子设备获取第一布局参数和第二布局参数,具体包括:过渡模块获取第一布局参数和第二布局参数;电子设备基于第一布局参数和第二布局参数确定第一动画的信息,具体包括:过渡模块基于第一布局参数和第二布局参数确定第一动画的信息。

17、这样,在用户触发第一事件之后,第一应用可以指示过渡模块创建第一动画。

18、在一种可能的实现方式中,在第一应用向过渡模块发送第一消息之后,该方法还包括:第一应用向过渡模块发送第二消息,第二消息用于指示过渡模块通过显示屏播放第一动画。

19、这样,第一应用可以指示过渡模块触发显示屏显示第一动画的动画效果。

20、在一种可能的实现方式中,在第一应用向过渡模块发送第一消息之前,该方法还包括:第一应用获取第一事件的信息;第一应用基于第一事件的信息确定通过过渡模块生成第一动画。

21、这样,在用户触发第一事件之后,第一应用可以获取到第一事件的信息,并可以确定要通过过渡模块生成第一动画。

22、在一种可能的实现方式中,第一动画是第一应用通过调用动画接口生成的,动画接口是过渡模块提供的。

23、这样,第一应用可以通过调用过渡模块提供的动画接口来生成第一动画,从而实现界面元素在屏幕旋转、折叠屏展开/折叠场景下平滑过渡,减少突兀感。

24、在第一方面中,电子设备可以是电子设备100,在屏幕旋转场景下,第一姿态可以是竖屏姿态(或横屏姿态),第二姿态可以是横屏姿态(或竖屏姿态),在折叠屏展开/折叠场景下,第一姿态可以是展开姿态(或折叠姿态或半折叠姿态),第二姿态可以是折叠姿态或半折叠姿态(或展开姿态),第一用户界面可以是初始用户界面,第二用户界面可以是目的用户界面,第一事件可以是屏幕旋转事件或折叠屏展开/折叠事件,第一动画可以是动画1或动画1’,第一布局参数可以是图9中的布局参数1或图10中的布局参数1’,第二布局参数可以是图9中的布局参数2或图10中的布局参数2’,第一界面元素可以是一个或多个界面元素中的其中一个本文档来自技高网...

【技术保护点】

1.一种显示方法,应用于包括显示屏的电子设备,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述第一姿态为竖屏姿态,所述第二姿态为横屏姿态;或,所述第一姿态为横屏姿态,所述第二姿态为竖屏姿态。

3.根据权利要求1所述的方法,其特征在于,所述显示屏为折叠屏,所述第一姿态为展开姿态,所述第二姿态为折叠姿态或半折叠姿态;或,所述第一姿态为折叠姿态或半折叠姿态,所述第二姿态为展开姿态。

4.根据权利要求1-3任一项所述的方法,其特征在于,在所述第一动画中包括多个子动画的情况下,所述多个子动画相同或不同。

5.根据权利要求1-4任一项所述的方法,其特征在于,在所述电子设备播放第一动画之前,所述方法还包括:

6.根据权利要求5所述的方法,其特征在于,所述一个或多个界面元素包括第一界面元素,所述第一布局参数包括第一子布局参数,所述第一子布局参数为所述第一界面元素显示于所述第一用户界面时的布局参数,所述第二布局参数包括第二子布局参数,所述第二子布局参数为所述第一界面元素显示于所述第二用户界面时的布局参数,所述第一动画的信息包括所述一个或多个子动画的信息,所述一个或多个子动画的信息包括所述第一界面元素对应动画的信息,所述第一界面元素对应动画的信息是所述电子设备基于第一子布局参数和所述第二子布局参数确定的。

7.根据权利要求6所述的方法,其特征在于,所述第一子布局参数包括所述第一界面元素在所述第一用户界面中的位置、大小中的一项或多项,所述第二子布局参数包括所述第一界面元素在所述第二用户界面中的位置、大小中的一项或多项。

8.根据权利要求7所述的方法,其特征在于,所述电子设备确定所述第一界面元素对应动画的信息,具体包括:

9.根据权利要求5-8任一项所述的方法,其特征在于,所述电子设备包括第一应用、过渡模块,所述第一用户界面为所述第一应用的一个用户界面,在所述电子设备获取所述第一布局参数和所述第二布局参数之前,所述方法还包括:

10.根据权利要求9所述的方法,其特征在于,在所述第一应用向所述过渡模块发送第一消息之后,所述方法还包括:

11.根据权利要求9或10所述的方法,其特征在于,在所述第一应用向所述过渡模块发送第一消息之前,所述方法还包括:

12.根据权利要求9-11任一项所述的方法,其特征在于,所述第一动画是所述第一应用通过调用动画接口生成的,所述动画接口是所述过渡模块提供的。

13.一种电子设备,其特征在于,所述电子设备包括一个或多个处理器和一个或多个存储器;其中,所述一个或多个存储器与所述一个或多个处理器耦合,所述一个或多个存储器用于存储计算机程序代码,所述计算机程序代码包括计算机指令,当所述一个或多个处理器执行所述计算机指令时,使得所述电子设备执行如权利要求1-12中任一项所述的方法。

14.一种计算机存储介质,其特征在于,所述计算机存储介质存储有计算机程序,所述计算机程序包括程序指令,当所述程序指令在电子设备上运行时,使得所述电子设备执行如权利要求1-12中任一项所述的方法。

...

【技术特征摘要】

1.一种显示方法,应用于包括显示屏的电子设备,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述第一姿态为竖屏姿态,所述第二姿态为横屏姿态;或,所述第一姿态为横屏姿态,所述第二姿态为竖屏姿态。

3.根据权利要求1所述的方法,其特征在于,所述显示屏为折叠屏,所述第一姿态为展开姿态,所述第二姿态为折叠姿态或半折叠姿态;或,所述第一姿态为折叠姿态或半折叠姿态,所述第二姿态为展开姿态。

4.根据权利要求1-3任一项所述的方法,其特征在于,在所述第一动画中包括多个子动画的情况下,所述多个子动画相同或不同。

5.根据权利要求1-4任一项所述的方法,其特征在于,在所述电子设备播放第一动画之前,所述方法还包括:

6.根据权利要求5所述的方法,其特征在于,所述一个或多个界面元素包括第一界面元素,所述第一布局参数包括第一子布局参数,所述第一子布局参数为所述第一界面元素显示于所述第一用户界面时的布局参数,所述第二布局参数包括第二子布局参数,所述第二子布局参数为所述第一界面元素显示于所述第二用户界面时的布局参数,所述第一动画的信息包括所述一个或多个子动画的信息,所述一个或多个子动画的信息包括所述第一界面元素对应动画的信息,所述第一界面元素对应动画的信息是所述电子设备基于第一子布局参数和所述第二子布局参数确定的。

7.根据权利要求6所述的方法,其特征在于,所述第一子布局参数包括所述第一界面元素在所述第一用户界面中的位置、大小中的一项或多项,所述第二子布局参...

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

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

1