[发明专利]一种图形渲染方法和电子设备

说明书

一种图形渲染方法和电子设备。该方法包括：所述电子设备在显示第一图形时，检测到第一操作；响应于所述第一操作，生成图形绘制指令；所述图形绘制指令包括目标图形上每个绘制元素的属性信息；根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域，其中，第一区域是所述每个绘制元素上未被上层的绘制元素遮挡住的区域，所述第二区域是被上层的绘制元素遮挡住的区域；渲染所述第一区域；将渲染后的绘制元素合成所述目标图形；显示所述目标图形。这种方式中，可以仅渲染该绘制元素上未被上层遮挡的区域，无需渲染被上层遮挡住的区域，有助于提升图形渲染效率。

技术领域

本申请涉及终端技术领域，尤其涉及一种图形渲染方法和电子设备。

背景技术

目前，电子设备都设置有显示屏，显示屏上可以显示各种图形用户界面(graphical user interface，GUI)。请参见图1(a)所示，为一GUI的示例图。现有的图形渲染过程为：

电子设备要绘制图1(a)所示的GUI时，可以对GUI一层一层的绘制，然后将绘制好的层合成GUI。请参见图1(b)所示，GUI可以包括3层，电子设备可以先绘制背景层、然后绘制中间层、然后绘制按钮层，即电子设备是从后(远离用户眼睛的层)到前(靠近用户眼睛的层)按顺序进行绘制的。

但是，从图1(b)可知，靠后的层绘制完成之后，会被靠前的层遮挡，实际上被遮挡的部分用户是看不到的，可见，现有的图形渲染方式存在无用的渲染过程，效率较低。

发明内容

本申请实施例提供一种图形渲染方法和电子设备，有助于提高电子设备的图形渲染效率。

第一方面，本申请实施例提供一种图形渲染方法，该方法可由具有显示屏的电子设备(比如，手机、pad、笔记本电脑等)执行。该方法包括：所述电子设备在显示第一图形时，检测到第一操作；响应于所述第一操作，生成图形绘制指令；所述图形绘制指令包括目标图形上每个绘制元素的属性信息；根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域，其中，第一区域是所述每个绘制元素上未被上层的绘制元素遮挡住的区域，所述第二区域是被上层的绘制元素遮挡住的区域；渲染所述第一区域；将渲染后的绘制元素合成所述目标图形；显示所述目标图形。

应理解，电子设备渲染目标图像时可以渲染目标图形上的每个绘制元素，然后将渲染后的绘制元素合成目标图形，对每个绘制元素，可以仅渲染该绘制元素上未被上层遮挡的区域，无需渲染被上层遮挡住的区域，有助于提升图形渲染效率。

在一种可能的设计中，所述属性信息用于指示每个绘制元素的透明度信息；在根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域之前，所述电子设备根据所述透明度信息从所有绘制元素确定非透明绘制元素；根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域，包括：根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个非透明绘制元素上的第一区域和第二区域。

应理解，电子设备可以根据每个绘制元素的属性信息确定绘制元素是透明的还是非透明的，然后对非透明绘制元素上未被上层遮挡的区域进行渲染，无需渲染被上层遮挡住的区域，有助于提升图形渲染效率。

在一种可能的设计中，渲染所述第一区域，包括：按照第一顺序依次渲染所述每个非透明绘制元素上的第一区域；其中，所述第一顺序用于指示所述每个非透明绘制元素到用户之间的距离由近到远的顺序。

应理解，电子设备渲染非透明绘制元素时，可以先渲染距离用户较近的绘制元素，然后渲染距离用户较远的绘制元素，而且在渲染非透明元素的过程中，可以仅渲染非透明元素上未被上层遮挡的区域，无需渲染被上层遮挡的区域，有助于提升图形渲染效率。