【技术实现步骤摘要】
本申请涉及终端领域，尤其涉及显示转场动效的方法、相关装置。
技术介绍
1、转场是场景、页面或者组件之间的过渡。转场动效可以及时对用户操作作出反馈，引导用户注意力，消除等待加载时的焦虑，从而提升整体的体验流畅度。如何实现转场动效，是当前及未来需要研究的问题。
技术实现思路
1、本申请提供了显示转场动效的方法、相关装置，不仅能显示流畅的第一转场动效，还能避免额外添加动画的开销，降低系统负载。
2、第一方面，提供一种显示转场动效的方法，该方法可包括：显示第一页面；接收到用于切换页面的第一操作；创建第一图层和第二图层，第一图层承载第二页面，第二图层承载第一页面；以第一动画显示第一图层，以无动画形式显示第二图层，第一图层覆盖在第二图层之上；显示第二页面。
3、实施第一方面的方法，无需对第二图层执行动画，第二图层承载的第一页面(即退场页面)也可以持续显示至第二页面(即进场页面消失)，从而显示第一转场动效。这样不仅能显示流畅的第一转场动效，还能避免对第二图层添加动画的额外开销，降低系统负载。
4、结合第一方面，在一些实施方式中，创建第一图层和第二图层之后，以第一动画显示第一图层，以无动画形式显示第二图层之前，该方法还可包括：为第一图层和第二图层添加第一动画；将第二节点添加为第一节点的子节点，第一节点对应第一图层，第二节点对应第二图层；为第二图层添加标志位，标志位表示禁止执行动画。这样，第二节点成为第一节点的父节，并且禁止第二节点执行动画，可以实现以第一动画显示
5、结合上一实施方式，可通过调用reparent函数来将第二节点添加为第一节点的子节点。
6、结合上一实施方式，可通过调用setflags函数来为第二图层添加标志位。
7、结合上一实施方式，以第一动画显示第一图层，以无动画形式显示第二图层之后，该方法还可包括：删除第一图层，并根据第一节点和第二节点的父子关系，在删除第一图层的同时也删除第二图层。第一图层和第二图层被同时删除，可以保证第一转场动效的效果。
8、结合第一方面，在一些实施方式中，创建第一图层和第二图层之后，以第一动画显示第一图层，以无动画形式显示第二图层之前，该方法还可包括：为第一图层添加第一动画；将第二节点添加为第三节点的子节点，第二节点对应第二图层，第三节点为第一节点的父节点，第一节点对应第一图层。这样，第一节点和第二节点成为同一父节点下的同级别子节点，可以实现以第一动画显示第一图层且以无动画形式显示第二图层的转场动效，并且减少了对第二图层执行动画的开销。
9、结合上一实施方式，可以调用reparent函数来添加父子关系来将第二节点添加为第三节点的子节点。
10、结合上一实施方式，以第一动画显示第一图层，以无动画形式显示第二图层之后，该方法还可包括：检测到删除第一图层；响应于删除第一图层，删除第二图层。第一图层和第二图层被同时删除，可以保证第一转场动效的效果。
11、结合第一方面，在一些实施方式中，创建第一图层和第二图层之后，以第一动画显示第一图层，以无动画形式显示第二图层之前，该方法还可包括：识别到需显示第一转场动效，第一转场动效包括：第一页面持续显示，第二页面逐渐覆盖第一页面，直至完全覆盖第一页面。
12、结合上一实施方式，可调用matchscene函数来识别是否需显示第一转场动效。
13、结合上一实施方式，设备中可预置使用第一转场动效的场景，并依据预置信息来识别需显示第一转场动效。或者，设备可识别当前是否要准备对第二图层创建空动画，若是则认为需显示第一转场动效。
14、结合第一方面，在一些实施方式中，第一动画为进场动画。
15、结合第一方面，在一些实施方式中，第一动画具体包括第二页面所显示的尺寸逐渐增大。
16、结合第一方面，在一些实施方式中，第一动画具体包括第二页面所显示的尺寸逐渐增大至全屏尺寸。
17、结合第一方面，在一些实施方式中，第二页面可以不透明地覆盖于第一页面，也可以具有一定透明度地覆盖于第一页面。
18、结合第一方面，在一些实施方式中，第二页面可以从第一页面的任意位置开始逐渐覆盖第一页面，如可以从第一页面的左侧、右侧、上侧(如图2、图3所示)、下侧、中间位置(如图1、图4所示)等开始覆盖第一页面。
19、结合第一方面，在一些实施方式中，第二页面逐渐覆盖第一页面的过程中，第二页面中的元素可以逐渐增加。
20、结合第一方面，在一些实施方式中，以第一动画显示第一图层，以无动画形式显示第二图层的过程中，第一页面、第二页面的透明度、颜色深浅等均可变化，例如，第二页面的透明度可以逐渐降低直至完全不透明，第二页面的颜色可以逐渐加深。
21、结合第一方面，在一些实施方式中，以第一动画显示第一图层，以无动画形式显示第二图层之后，显示第二页面时，不再显示第一页面。
22、结合第一方面，在一些实施方式中，该方法还可包括：接收到用于切换页面的第一操作之前，显示第一页面时，还显示第二页面。第一页面包括显示屏显示的悬浮窗以外的内容，第二页面包括悬浮窗的内容，第一操作包括最大化悬浮窗的操作；或者，第一页面包括第一分屏页，第二页面包括第二分屏页，第一操作包括展开第二分屏页的操作。
23、结合第一方面，在一些实施方式中，第一页面为锁屏状态下能进入的页面，第二页面为锁屏页面，第一操作包括退出至锁屏页面的操作；或者，第一页面为桌面，第二页面为桌面以外的应用提供的页面，第一操作包括作用于桌面中应用图标的操作。
24、结合第一方面，在一些实施方式中，第一页面由第一应用提供，第二页面由第二应用提供，第一应用和第二应用不同，即第一方面的方法适用于不同应用之间的转场；或者，第一页面和第二页面由同一应用提供，即第一方面的方法适用于相同应用的不同页面之间的转场。
25、结合第一方面，在一些实施方式中，该方法可应用于电子设备，第一图层和第二图层通过电子设备中的wms创建。
26、第二方面，本申请提供了一种电子设备，该电子设备包括一个或多个处理器和一个或多个存储器；其中，存储器与处理器耦合，一个或多个存储器用于存储计算机程序代码，计算机程序代码包括计算机指令，当处理器执行计算机指令时，使得电子设备执行如第一方面，或者第一方面中任一可能的实现方式描述的方法。
27、第三方面，本申请实施例提供了一种芯片系统，该芯片系统应用于电子设备，该芯片系统包括一个或多个处理器，该处理器用于调用计算机指令以使得该电子设备执行如第一方面以及第一方面中任一可能的实现方式描述的方法。
28、第四方面，本申请提供一种计算机可读存储介质，包括指令，当上述指令在电子设备上运行时，使得上述电子设备执行如第一方面以及第一方面中任一可能的实现方式描述的方法。
29本文档来自技高网...
【技术保护点】
1.一种显示转场动效的方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，创建第一图层和第二图层之后，以第一动画显示所述第一图层，以无动画形式显示所述第二图层之前，所述方法还包括：
3.根据权利要求2所述的方法，其特征在于，以所述第一动画显示所述第一图层，以无动画形式显示所述第二图层之后，所述方法还包括：
4.根据权利要求1所述的方法，其特征在于，创建第一图层和第二图层之后，以第一动画显示所述第一图层，以无动画形式显示所述第二图层之前，所述方法还包括：
5.根据权利要求4所述的方法，其特征在于，以所述第一动画显示所述第一图层，以无动画形式显示所述第二图层之后，所述方法还包括：
6.根据权利要求1-5任一项所述的方法，其特征在于，创建第一图层和第二图层之后，以第一动画显示所述第一图层，以无动画形式显示所述第二图层之前，所述方法还包括：
7.根据权利要求1-6任一项所述的方法，其特征在于，所述第一动画为进场动画。
8.根据权利要求1-7任一项所述的方法，其特征在于，所述第一动画
9.根据权利要求1-8任一项所述的方法，其特征在于，所述第一动画具体包括所述第二页面所显示的尺寸逐渐增大至全屏尺寸。
10.根据权利要求1-9任一项所述的方法，其特征在于，以第一动画显示所述第一图层，以无动画形式显示所述第二图层之后，显示所述第二页面时，不再显示所述第一页面。
11.根据权利要求1-10任一项所述的方法，其特征在于，所述方法还包括：接收到用于切换页面的第一操作之前，显示所述第一页面时，还显示所述第二页面；
12.根据权利要求1-10任一项所述的方法，其特征在于，
13.根据权利要求1-12任一项所述的方法，其特征在于，
14.根据权利要求1-13任一项所述的方法，其特征在于，所述方法应用于电子设备，所述第一图层和所述第二图层通过所述电子设备中的WMS创建。
15.一种电子设备，其特征在于，包括：一个或多个处理器、一个或多个存储器、显示屏；其中，所述显示屏、所述一个或多个存储器与所述一个或多个处理器耦合，所述一个或多个存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令，当所述一个或多个处理器在执行所述计算机指令时，使得所述电子设备执行如权利要求1-14任一项所述的方法。
16.一种计算机可读存储介质，包括指令，其特征在于，当所述指令在电子设备上运行时，使得所述电子设备执行如权利要求1-14任一项所述的方法。
...【技术特征摘要】
1.一种显示转场动效的方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，创建第一图层和第二图层之后，以第一动画显示所述第一图层，以无动画形式显示所述第二图层之前，所述方法还包括：
3.根据权利要求2所述的方法，其特征在于，以所述第一动画显示所述第一图层，以无动画形式显示所述第二图层之后，所述方法还包括：
4.根据权利要求1所述的方法，其特征在于，创建第一图层和第二图层之后，以第一动画显示所述第一图层，以无动画形式显示所述第二图层之前，所述方法还包括：
5.根据权利要求4所述的方法，其特征在于，以所述第一动画显示所述第一图层，以无动画形式显示所述第二图层之后，所述方法还包括：
6.根据权利要求1-5任一项所述的方法，其特征在于，创建第一图层和第二图层之后，以第一动画显示所述第一图层，以无动画形式显示所述第二图层之前，所述方法还包括：
7.根据权利要求1-6任一项所述的方法，其特征在于，所述第一动画为进场动画。
8.根据权利要求1-7任一项所述的方法，其特征在于，所述第一动画具体包括所述第二页面所显示的尺寸逐渐增大。
9.根据权利要求1-8任一项所述的方法，其特征在于，所述第一动画具体包括所述第二页面所显示的...
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。