界面生成方法及电子设备与流程

本技术涉及电子，尤其涉及界面生成方法及电子设备。

背景技术：

1、随着电子技术的发展，越来越多的电子设备参与到用户的日常生活中。用户在使用电子设备如智能手机时，应用程序的ui界面的动画效果直接影响到用户的体验。

2、例如，在用户切换应用程序时，或者通过导航栏或全面屏手势切换出多任务窗口时，电子设备会呈现出模糊的背景；又例如，用户在桌面应用程序上长按其他应用程序的图标后，除该图标外的界面会变得模糊；这种模糊的效果能够使得用户感知到连贯的切换动画，进而提升了用户的体验。

3、但是，很显然的，包括模糊在内的多种动画效果的实现涉及到对视图的多次渲染，实现较为复杂，消耗的计算资源和内存资源较大，耗费的时间较长，容易造成界面的卡顿，并且会增加电子设备的功耗、发热。

技术实现思路

1、本技术实施例提供了界面生成方法及电子设备。本技术实施例确定的界面生成方法，在对控件或任意区域实现包括模糊在内的动画效果时，无需预先生成动画后的内容，而是通过修改渲染树的渲染节点、渲染属性，并且在基于渲染树生成界面的过程中基于修改的渲染节点、渲染属性完成对控件、任意区域的动画渲染，进而生成带有动画效果的界面。本技术实施例提供的界面生成方法，通过一次连续的gpu调用减少了渲染的次数，无需在渲染阶段开始前就准备好界面中动画效果的内容，进而降低电子设备的功耗、发热。

2、第一方面，本技术实施例提供的界面生成方法，该方法包括：第一进程确定目标渲染树，该目标渲染树用于绘制目标界面；在该第一进程基于该目标渲染树生成该目标界面的过程中，该第一进程基于该目标渲染树中的至少一个渲染节点确定第一内容，并对该第一内容执行基于第一动画参数的动画渲染以得到该第二内容，该至少一个渲染节点的动画参数为该第一动画参数；或者，在该第一进程基于该目标渲染树生成该目标界面的过程中，该第一进程基于第一表面上的第一区域确定第一内容，并对该第一内容执行基于第一动画参数的动画渲染以得到该第二内容，该第一进程基于该目标渲染树在该第一表面上生成该目标界面，该第一动画参数为该第一进程确定的；该第一进程生成该目标界面，该目标界面包括该第二内容，该动画渲染为在离屏缓冲中进行的渲染。

3、在上述实施例中，电子设备在基于渲染树生成界面的过程中，可以绘制出需要动画渲染的内容，对该内容进行动画渲染得到渲染后的内容，进而得到目标界面。首先，可以不需要进程在渲染阶段前就准备好渲染后的内容，减少了多次渲染的开销，进而降低电子设备的开销。

4、结合第一方面的一些实施例，在一些实施例中，在该第一进程确定目标渲染树前，该方法还包括：该第一进程在该目标渲染树中增加该至少一个渲染节点，该至少一个渲染节点被配置有该第一动画参数；或者，该第一进程为该至少一个渲染节点配置该第一动画参数。

5、在上述实施例中，第一进程可以修改目标渲染树中的参数，例如，可以将需要动画渲染的控件对应的渲染节点配置动画参数，以使得在基于渲染树生成界面的过程中，第一进程可以将需要动画渲染的控件进行动画渲染；或者，又例如，进程可以在渲染树中插入一个或多个配置有动画参数的渲染节点，该一个或多个渲染节点的自己以及自己的子节点为动画渲染的内容，进而进行动画渲染。

6、结合第一方面的一些实施例，在一些实施例中，在该至少一个渲染节点的动画参数指示前景模糊的情况下，该第一内容包括该至少一个渲染节点对应的视图；在该至少一个渲染节点的动画参数指示背景模糊的情况下，该第一内容包括该至少一个渲染节点在该第一表面上对应的区域的内容。

7、在上述实施例中，在动画参数指示前景模糊的情况下，被动画渲染的内容为被配置动画参数的渲染节点对应的视图；在动画参数指示背景模糊的情况下，被动画渲染的内容为被配置动画参数的渲染节点在第一表面对应的区域的内容，只有在本技术提供的界面生成方法，才能实现基于动画参数的值任意选择被动画的内容，进而实现各种不同的动画效果。

8、结合第一方面的一些实施例，在一些实施例中，该第一进程确定目标渲染树前，该方法还包括：该第一进程基于第二渲染树和第三渲染树生成该目标渲染树，其中，该第二渲染树为由第二进程生成的用于绘制该第二进程的一帧界面的渲染树；该第三渲染树为由第三进程生成的用于绘制该第三进程的一帧界面的渲染树。

9、在上述实施例中，目标渲染树可以由多个应用程序的渲染树合成，进而通过一次gpu调用即一次渲染生成包含多个应用程序界面的目标界面。

10、结合第一方面的一些实施例，在一些实施例中，该至少一个渲染节点包括该第二渲染树中的渲染节点和该第三渲染树中的渲染节点，该第一内容包括该第二进程的一帧界面的部分或全部内容和该第三进程的一帧界面的部分或全部内容。

11、在上述实施例中，目标渲染中包括不同应用程序的渲染节点，进而可以一次选取多个应用程序界面中的部分或全部内容进行动画渲染，进而得到目标界面。

12、结合第一方面的一些实施例，在一些实施例中，该第二渲染树中的第一渲染节点被该第二进程配置有该第一动画参数；该第三渲染树中的第二渲染节点被该第三进程配置有该第一动画参数；该至少一个渲染节点包括该第一渲染节点和该第二渲染节点。

13、在上述实施例中，应用程序可以自己决定哪些控件需要动画效果，则为这些控件对应的渲染节点配置动画参数，第一进程会在基于目标渲染树生成界面的过程中，识别到这些动画参数，确定被动画渲染的内容，完成动画渲染，进而生成界面。

14、结合第一方面的一些实施例，在一些实施例中，在该动画参数指示背景模糊或前景模糊的情况下，该动画参数还包括模糊程度、模糊精度、模糊半径中的至少一个。

15、在上述实施例中，在动画参数指示背景模糊或前景模糊的情况下，还可以进一步的配置模糊程度、模糊精度、模糊半径，这些参数可以被应用程序配置，也可以被第一进程配置，能实现不同种类、不同效果的模糊，进而提升用户的体验。

16、第二方面，本技术实施例提供了一种电子设备，该电子设备包括：一个或多个处理器和存储器；该存储器与该一个或多个处理器耦合，该存储器用于存储计算机程序代码，该计算机程序代码包括计算机指令，该一个或多个处理器调用该计算机指令以使得该电子设备执行：第一进程确定目标渲染树，该目标渲染树用于绘制目标界面；在该第一进程基于该目标渲染树生成该目标界面的过程中，该第一进程基于该目标渲染树中的至少一个渲染节点确定第一内容，并对该第一内容执行基于第一动画参数的动画渲染以得到该第二内容，该至少一个渲染节点的动画参数为该第一动画参数；或者，在该第一进程基于该目标渲染树生成该目标界面的过程中，该第一进程基于第一表面上的第一区域确定第一内容，并对该第一内容执行基于第一动画参数的动画渲染以得到该第二内容，该第一进程基于该目标渲染树在该第一表面上生成该目标界面，该第一动画参数为该第一进程确定的；该第一进程生成该目标界面，该目标界面包括该第二内容，该动画渲染为在离屏缓冲中进行的渲染。

17、在上述实施例中，电子设备在基于渲染树生成界面的过程中，可以绘制出需要动画渲染的内容，对该内容进行动画渲染得到渲染后的内容，进而得到目标界面。首先，可以不需要进程在渲染阶段前就准备好渲染后的内容，减少了多次渲染的开销，进而降低电子设备的开销。

18、结合第二方面的一些实施例，在一些实施例中，该一个或多个处理器，还用于调用该计算机指令以使得该电子设备执行：该第一进程在该目标渲染树中增加该至少一个渲染节点，该至少一个渲染节点被配置有该第一动画参数；或者，该第一进程为该至少一个渲染节点配置该第一动画参数。

19、在上述实施例中，第一进程可以修改目标渲染树中的参数，例如，可以将需要动画渲染的控件对应的渲染节点配置动画参数，以使得在基于渲染树生成界面的过程中，第一进程可以将需要动画渲染的控件进行动画渲染；或者，又例如，进程可以在渲染树中插入一个或多个配置有动画参数的渲染节点，该一个或多个渲染节点的自己以及自己的子节点为动画渲染的内容，进而进行动画渲染。

20、结合第二方面的一些实施例，在一些实施例中，在该至少一个渲染节点的动画参数指示前景模糊的情况下，该第一内容包括该至少一个渲染节点对应的视图；在该至少一个渲染节点的动画参数指示背景模糊的情况下，该第一内容包括该至少一个渲染节点在该第一表面上对应的区域的内容。

21、在上述实施例中，在动画参数指示前景模糊的情况下，被动画渲染的内容为被配置动画参数的渲染节点对应的视图；在动画参数指示背景模糊的情况下，被动画渲染的内容为被配置动画参数的渲染节点在第一表面对应的区域的内容，只有在本技术提供的界面生成方法，才能实现基于动画参数的值任意选择被动画的内容，进而实现各种不同的动画效果。

22、结合第二方面的一些实施例，在一些实施例中，该一个或多个处理器，还用于调用该计算机指令以使得该电子设备执行：该第一进程基于第二渲染树和第三渲染树生成该目标渲染树，其中，该第二渲染树为由第二进程生成的用于绘制该第二进程的一帧界面的渲染树；该第三渲染树为由第三进程生成的用于绘制该第三进程的一帧界面的渲染树。

23、在上述实施例中，目标渲染树可以由多个应用程序的渲染树合成，进而通过一次gpu调用即一次渲染生成包含多个应用程序界面的目标界面。

24、结合第二方面的一些实施例，在一些实施例中，该至少一个渲染节点包括该第二渲染树中的渲染节点和该第三渲染树中的渲染节点，该第一内容包括该第二进程的一帧界面的部分或全部内容和该第三进程的一帧界面的部分或全部内容。

25、在上述实施例中，目标渲染中包括不同应用程序的渲染节点，进而可以一次选取多个应用程序界面中的部分或全部内容进行动画渲染，进而得到目标界面。

26、结合第二方面的一些实施例，在一些实施例中，该第二渲染树中的第一渲染节点被该第二进程配置有该第一动画参数；该第三渲染树中的第二渲染节点被该第三进程配置有该第一动画参数；该至少一个渲染节点包括该第一渲染节点和该第二渲染节点。

27、在上述实施例中，应用程序可以自己决定哪些控件需要动画效果，则为这些控件对应的渲染节点配置动画参数，第一进程会在基于目标渲染树生成界面的过程中，识别到这些动画参数，确定被动画渲染的内容，完成动画渲染，进而生成界面。

28、结合第二方面的一些实施例，在一些实施例中，在该动画参数指示背景模糊或前景模糊的情况下，该动画参数还包括模糊程度、模糊精度、模糊半径中的至少一个。

29、在上述实施例中，在动画参数指示背景模糊或前景模糊的情况下，还可以进一步的配置模糊程度、模糊精度、模糊半径，这些参数可以被应用程序配置，也可以被第一进程配置，能实现不同种类、不同效果的模糊，进而提升用户的体验。

30、第三方面，本技术实施例提供了一种芯片系统，该芯片系统应用于电子设备，该芯片系统包括一个或多个处理器，该处理器用于调用计算机指令以使得该电子设备执行如第一方面以及第一方面中任一可能的实现方式描述的方法。

31、第四方面，本技术实施例提供一种包含指令的计算机程序产品，当上述计算机程序产品在电子设备上运行时，使得上述电子设备执行如第一方面以及第一方面中任一可能的实现方式描述的方法。

32、第五方面，本技术实施例提供一种计算机可读存储介质，包括指令，当上述指令在电子设备上运行时，使得上述电子设备执行如第一方面以及第一方面中任一可能的实现方式描述的方法。

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