一种用户界面显示方法及相关装置与流程

本申请涉及终端，尤其涉及一种用户界面显示方法及相关装置。

背景技术：

1、不同的跨平台的应用用户界面(user interface，ui)开发框架都会暴露一些复杂视图给开发者，降低开发者开发ui应用的难度，吸引更多的ui应用开发者参与跨平台生态的构建。

2、一些平台的应用ui开发框架提供了将平台的应用ui开发框架的原生视图与嵌入的复杂视图合成显示的方案。但在目前已知的一种用户界面显示方案中，嵌入的复杂视图需要进行多次渲染，导致合成显示性能低的问题。

3、因此，亟待提供一种用户界面显示方法及相关装置，以提高显示性能。

技术实现思路

1、本申请提供了一种用户界面显示方法及相关装置，以期提高显示性能。

2、第一方面，本申请提供一种用户界面显示方法，该方法可以由电子设备来执行，或者，该方法也可以由配置在电子设备中的部件(如芯片、芯片系统等)执行，或者，还可以由能够实现全部或部分电子设备功能的逻辑模块或软件实现，本申请对此不作限定。

3、示例性地，该方法包括：响应于用户打开应用的ui的操作，生成原生视图的第一绘制指令和复杂视图的第二绘制指令，该ui包括原生视图和复杂视图，原生视图来自电子设备的操作系统的应用ui开发框架，复杂视图不是来自电子设备的操作系统的应用ui开发框架的视图；基于第一绘制指令和第二绘制指令，生成目标绘制指令，目标绘制指令用于在同一图层上绘制原生视图和复杂视图；基于目标绘制指令显示该ui。

4、基于上述技术方案，将复杂视图的绘制指令和原生视图的绘制指令进行合成，得到目标绘制指令，基于目标绘制指令可以将原生视图和复杂视图绘制在同一个图层，复杂视图只需要与原生视图一起渲染一次，可以有效避免多次渲染导致的功耗高和显示性能低的问题，例如可以降低功耗，并可以优化帧率。此外，由于原生视图和复杂视图绘制在同一个图层，能够解决弹框遮挡和动画不同步的问题，从而能够实现对用户界面的转场动画的支持。

5、可选地，在生成目标绘制指令之前，第一绘制指令和第二绘制指令存放在同一个绘制指令队列中。

6、结合第一方面，在某些可能的实现方式中，该方法还包括：向ui开发框架的图形处理器(graphics processing unit，gpu)渲染(render)线程中注册渲染回调，该渲染回调用于获取第二绘制指令；基于渲染回调，在监听到第二绘制指令的情况下，将第二绘制指令放到目标绘制指令队列，目标绘制指令队列是用于存放第一绘制指令的队列。

7、复杂视图的绘制指令无需独立的离线缓存区，可以节省内存。且中央处理器(central processing unit，cpu)与gpu之间无需进行多次拷贝(copy)或者上传(upload)操作，耗时较短，有利于提升显示性能。

8、可选地，在基于目标绘制指令显示ui之后，该方法还包括：响应于用户在上述ui上的操作，生成第三绘制指令，第三绘制指令为对第二绘制指令更新后的绘制指令；基于第一绘制指令和第三绘制指令，生成更新后的目标绘制指令；基于该更新后的目标绘制指令显示该ui。

9、可选地，在基于目标绘制指令显示ui之后，该方法还包括：响应于用户在ui上的操作，生成第四绘制指令，第四绘制指令为对第一绘制指令更新后的绘制指令；基于第二绘制指令和第四绘制指令，生成更新后的目标绘制指令；基于该更新后的目标绘制指令显示该ui。

10、可选地，在基于目标绘制指令显示ui之后，该方法还包括：响应于用户在ui上的操作，得到第三绘制指令和第四绘制指令，第三绘制指令为对第二绘制指令更新后的绘制指令，第四绘制指令为对第一绘制指令更新后的绘制指令；基于第三绘制指令和第四绘制指令，生成更新后的目标绘制指令；基于该更新后的目标绘制指令显示该ui。

11、可选地，复杂视图具有独立的生命周期、独立的路由管理机制、独立的事件处理机制以及独立的ui开放框架。

12、可选地，基于目标绘制指令显示ui，包括：基于目标绘制指令生成ui的纹理数据；基于纹理数据显示该ui。

13、第二方面，本申请提供了一种电子设备，该电子设备可以用于实现上述第一方面及第一方面任意一种可能实现方式中的方法。该电子设备包括用于执行上述方法的相应的模块。该电子设备包括的模块可以通过软件和/或硬件方式实现。

14、第三方面，本申请提供一种电子设备，该电子设备至少包括一个处理器和至少一个通信接口。该处理器与通信接口耦合，可用于执行计算机程序，以实现第一方面以及第一方面中任一种可能实现方式中的用户界面显示方法。

15、可选地，该电子设备还包括存储器，处理器与存储器耦合。

16、第四方面，本申请提供了一种芯片系统，该芯片系统包括至少一个处理器，用于支持实现上述第一方面以及第一方面任一种可能实现方式所涉及的功能，例如，处理上述方法中所涉及的数据等。

17、在一种可能的设计中，该芯片系统还包括存储器，存储器用于保存程序指令和数据，存储器位于处理器之内或处理器之外。

18、该芯片系统可以由芯片构成，也可以包含芯片和其他分立器件。

19、第五方面，提供了一种计算机可读存储介质，所述计算机存储介质上存储有计算机程序(也可以称为代码，或指令)，当所述计算机程序在被计算机运行时，使得上述第一方面以及第一方面中任一种可能实现方式中的方法被执行。

20、第六方面，提供了一种计算机程序产品。所述计算机程序产品包括：计算机程序(也可以称为代码，或指令)，当所述计算机程序被运行时，使得上述第一方面以及第一方面中任一种可能实现方式中的方法被执行。

21、应当理解的是，本申请的第二方面至第六方面与本申请的第一方面的技术方案相对应，各方面及对应的可行实施方式所取得的有益效果相似，不再赘述。

技术特征：

1.一种用户界面显示方法，其特征在于，应用于电子设备，所述方法包括：

2.如权利要求1所述的方法，其特征在于，在所述生成目标绘制指令之前，所述第一绘制指令和所述第二绘制指令存放在同一个绘制指令队列中。

3.如权利要求1或2所述的方法，其特征在于，所述方法还包括：

4.如权利要求1至3中任一项所述的方法，其特征在于，在基于所述目标绘制指令显示所述ui之后，所述方法还包括：

5.如权利要求1至3中任一项所述的方法，其特征在于，在基于所述目标绘制指令显示所述ui之后，所述方法还包括：

6.如权利要求1至3中任一项所述的方法，其特征在于，在基于所述目标绘制指令显示所述ui之后，所述方法还包括：

7.如权利要求1至6中任一项所述的方法，其特征在于，所述复杂视图具有独立的生命周期、独立的路由管理机制、独立的事件处理机制以及独立的ui开发框架。

8.如权利要求1至7中任一项所述的方法，其特征在于，所述基于所述目标绘制指令显示所述ui，包括：

9.一种电子设备，其特征在于，包括处理器和存储器，其中，

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被执行时，使得计算机执行如权利要求1至8中任一项所述的方法。

11.一种计算机程序产品，其特征在于，包括计算机程序，当所述计算机程序被运行时，使得计算机执行如权利要求1至8中任一项所述的方法。

技术总结
提供了一种用户界面显示方法及相关装置，应用于电子设备，该方法包括：响应于用户打开应用的用户界面UI的操作，生成原生视图的第一绘制指令和复杂视图的第二绘制指令，该UI包括原生视图和复杂视图，原生视图来自电子设备的操作系统的应用UI开发框架，复杂视图不是来自该应用UI开发框架的视图；基于第一绘制指令和第二绘制指令，生成目标绘制指令，目标绘制指令用于在同一图层上绘制原生视图和复杂视图；基于目标绘制指令显示该UI。将第一绘制指令和第二绘制指令合成得到目标绘制指令，基于目标绘制指令将原生视图和复杂视图绘制在同一个图层，能提升显示性能，解决弹框遮挡和动画不同步的问题。

技术研发人员：陈本智,兰守忍,杨建东,余枝强
受保护的技术使用者：华为技术有限公司
技术研发日：
技术公布日：2024/3/11