动画效果显示方法及电子设备与流程

本技术涉及电子，尤其涉及动画效果显示方法及电子设备。

背景技术：

1、随着电子技术的发展，越来越多的电子设备参与到用户的日常生活中。并且，随着电子设备的屏幕的分辨率、尺寸等参数越来越高，电子设备上可以显示的内容也越来越多。

2、应用程序可以通过调整界面上显示的控件的大小、宽高、透明度等属性，向用户展示动画效果。

3、但是，在不同动画效果的衔接处或重叠处，由于不同的动画效果会以不同的逻辑修改应用程序界面上控件的属性，控件的变化可能是不连续的，进而导致应用程序的界面发生跳变，用户的体验较差。

技术实现思路

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、可以理解地，上述第二方面提供的电子设备、第三方面提供的芯片系统、第四方面提供的计算机程序产品和第五方面提供的计算机存储介质均用于执行本技术实施例所提供的方法。因此，其所能达到的有益效果可参考对应方法中的有益效果，此处不再赘述。