一种图形渲染方法和电子设备技术

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

A Graphic Rendering Method and Electronic Equipment

【技术实现步骤摘要】
一种图形渲染方法和电子设备
本申请涉及终端
，尤其涉及一种图形渲染方法和电子设备。
技术介绍
目前，电子设备都设置有显示屏，显示屏上可以显示各种图形用户界面(graphicaluserinterface，GUI)。请参见图1(a)所示，为一GUI的示例图。现有的图形渲染过程为：电子设备要绘制图1(a)所示的GUI时，可以对GUI一层一层的绘制，然后将绘制好的层合成GUI。请参见图1(b)所示，GUI可以包括3层，电子设备可以先绘制背景层、然后绘制中间层、然后绘制按钮层，即电子设备是从后(远离用户眼睛的层)到前(靠近用户眼睛的层)按顺序进行绘制的。但是，从图1(b)可知，靠后的层绘制完成之后，会被靠前的层遮挡，实际上被遮挡的部分用户是看不到的，可见，现有的图形渲染方式存在无用的渲染过程，效率较低。
技术实现思路
本申请实施例提供一种图形渲染方法和电子设备，有助于提高电子设备的图形渲染效率。第一方面，本申请实施例提供一种图形渲染方法，该方法可由具有显示屏的电子设备(比如，手机、pad、笔记本电脑等)执行。该方法包括：所述电子设备在显示第一图形时，检测到第一操作；响应于所述第一操作，生成图形绘制指令；所述图形绘制指令包括目标图形上每个绘制元素的属性信息；根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域，其中，第一区域是所述每个绘制元素上未被上层的绘制元素遮挡住的区域，所述第二区域是被上层的绘制元素遮挡住的区域；渲染所述第一区域；将渲染后的绘制元素合成所述目标图形；显示所述目标图形。应理解，电子设备渲染目标图像时可以渲染目标图形上的每个绘制元素，然后将渲染后的绘制元素合成目标图形，对每个绘制元素，可以仅渲染该绘制元素上未被上层遮挡的区域，无需渲染被上层遮挡住的区域，有助于提升图形渲染效率。在一种可能的设计中，所述属性信息用于指示每个绘制元素的透明度信息；在根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域之前，所述电子设备根据所述透明度信息从所有绘制元素确定非透明绘制元素；根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域，包括：根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个非透明绘制元素上的第一区域和第二区域。应理解，电子设备可以根据每个绘制元素的属性信息确定绘制元素是透明的还是非透明的，然后对非透明绘制元素上未被上层遮挡的区域进行渲染，无需渲染被上层遮挡住的区域，有助于提升图形渲染效率。在一种可能的设计中，渲染所述第一区域，包括：按照第一顺序依次渲染所述每个非透明绘制元素上的第一区域；其中，所述第一顺序用于指示所述每个非透明绘制元素到用户之间的距离由近到远的顺序。应理解，电子设备渲染非透明绘制元素时，可以先渲染距离用户较近的绘制元素，然后渲染距离用户较远的绘制元素，而且在渲染非透明元素的过程中，可以仅渲染非透明元素上未被上层遮挡的区域，无需渲染被上层遮挡的区域，有助于提升图形渲染效率。在一种可能的设计中，电子设备还根据所述透明度信息从所有绘制元素确定透明绘制元素；按照第二顺序依次渲染每个透明绘制元素；其中，所述第二顺序用于指示所述每个透明绘制元素到用户之间的距离由远到近的顺序。应理解，由于透明绘制元素无法遮挡后层的绘制元素，所以电子设备还可以按照距离用户由远到近的距离渲染透明绘制元素。在一种可能的设计中，在按照第一顺序依次渲染每个绘制元素上的第一区域之前，所述电子设备还为每个非透明绘制元素设置深度值信息，所述深度值信息用于指示所述非透明绘制元素与基准层之间的距离，所述基准层为距离用户最远的绘制元素；按照第一顺序依次渲染每个非透明绘制元素上的第一区域，包括：按照深度值信息从大到小的顺序，依次渲染每个非透明绘制元素上的第一区域。应理解，电子设备可以为每个非透明元素设置深度值信息，所以电子设备渲染非透明元素时，根据深度值信息从大到小的顺序进行渲染，而且在渲染非透明元素的过程中，可以仅渲染非透明元素上未被上层遮挡的区域，无需渲染被上层遮挡的区域，有助于提升图形渲染效率。在一种可能的设计中，在按照第二顺序依次渲染每个透明绘制元素之前，所述电子设备还为每个透明绘制元素设置深度值信息，所述深度值信息用于指示所述每个透明绘制元素与基准层之间的距离，所述基准层为距离用户最远的绘制元素；按照第二顺序依次渲染每个透明绘制元素，包括：按照深度值信息从小到大的顺序，依次渲染每个透明绘制元素。应理解，电子设备为每个透明元素设置深度值信息，由于透明绘制元素无法遮挡后层的绘制元素，所以电子设备渲染透明元素时，可以按照深度值信息从小到大的顺序，进行渲染。在一种可能的设计中，所述属性信息包括绘制元素的显示位置、尺寸、形状、显示内容中的一种或多种。应理解，上述仅是列举几种可能的属性信息的示例，本申请实施例对比不作限定。第二方面，本申请实施例还提供一种电子设备，所述电子设备，包括显示屏，存储器，一个或多个处理器，多个应用程序，以及一个或多个程序；其中所述一个或多个程序被存储在所述存储器中；所述一个或多个处理器在执行所述一个或多个程序时，使得所述电子设备实现如上述第一方面提供的图形渲染方法。第三方面，本申请实施例还提供一种电子设备，该电子设备中包括能够实现上述第一方面的可能实现方式中电子设备行为的功能模块；这些功能模块可以通过硬件实现，也可以通过硬件执行相应的软件实现。第四方面，本申请实施例还提供一种计算机存储介质，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行上述第一方面提供的图形渲染方法。第五方面，本申请实施例还提供一种程序产品，当所述程序产品在计算机上运行时，使得所述计算机执行上述第一方面提供的图形渲染方法。附图说明图1为本申请实施例提供的一用户图形界面的示意图；图2为本申请实施例提供的一种图形绘制指令的示意图；图3为本申请实施例提供的一种view树的示意图；图4为本申请实施例提供的手机100的硬件结构示意图；图5为本申请实施例提供的图形渲染方法的流程示意图；图6为本申请实施例提供的手机100的用户图形界面的示意图；图7为本申请实施例提供的绘制元素组的示意图；图8为本申请实施例提供的手机100的软件架构的示意图；图9为本申请实施例提供的图形渲染方法的流程示意图。具体实施方式下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。以下，对本申请实施例中的部分用语进行解释说明，以便于本领域技术人员理解。本申请实施例涉及的图形，是电子设备的显示屏上显示的GUI，包括主界面(也可称为桌面，比如图1所示的界面)，负一屏显示界面、各个应用程序(application，app)的显示界面。本申请实施例涉及的应用程序，为能够实现某项或多项特定功能的计算机程序。通常，电子设备中可以安装多个应用程序。比如，相机应用、短信应用、彩信应用、各种邮箱应用、微信(WeChat)、腾讯聊天软件(QQ)、WhatsAppMessenger、连我(Line)、照片分享(instagram)、KakaoTalk、钉钉等。下文中提到的应用程序，可以是电子设备出厂时自带的应用程序，也可以是用户本文档来自技高网...

【技术保护点】
1.一种图形渲染方法，其特征在于，应用于一电子设备，所述方法包括：所述电子设备在显示第一图形时，检测到第一操作；响应于所述第一操作，生成图形绘制指令；所述图形绘制指令包括目标图形上每个绘制元素的属性信息；根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域，其中，第一区域是所述每个绘制元素上未被上层的绘制元素遮挡住的区域，所述第二区域是被上层的绘制元素遮挡住的区域；渲染所述第一区域；将渲染后的绘制元素合成所述目标图形；显示所述目标图形。

【技术特征摘要】
1.一种图形渲染方法，其特征在于，应用于一电子设备，所述方法包括：所述电子设备在显示第一图形时，检测到第一操作；响应于所述第一操作，生成图形绘制指令；所述图形绘制指令包括目标图形上每个绘制元素的属性信息；根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域，其中，第一区域是所述每个绘制元素上未被上层的绘制元素遮挡住的区域，所述第二区域是被上层的绘制元素遮挡住的区域；渲染所述第一区域；将渲染后的绘制元素合成所述目标图形；显示所述目标图形。2.如权利要求1所述的方法，其特征在于，所述属性信息用于指示每个绘制元素的透明度信息；在根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域之前，所述方法还包括：根据所述透明度信息从所有绘制元素确定非透明绘制元素；根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个绘制元素上的第一区域和第二区域，包括：根据每个绘制元素的属性信息和绘制元素之间的图层关系，确定每个非透明绘制元素上的第一区域和第二区域。3.如权利要求2所述的方法，其特征在于，渲染所述第一区域，包括：按照第一顺序依次渲染所述每个非透明绘制元素上的第一区域；其中，所述第一顺序用于指示所述每个非透明绘制元素到用户之间的距离由近到远的顺序。4.如权利要求2或3所述的方法，其特征在于，所述方法还包括：根据所述透明度信息从所有绘制元素确定透明绘制元素；按照第二顺序依次渲染每个透明绘制元素；其中，所述第二顺序用于指示所述每个透明绘制元素到用户之间的距离由远到近的顺序。5.如权利要求3或4所述的方法，其特征在于，在按照第一顺序依次渲染每个绘制元素上的第一区域之前，所述方法还包括：为每个非透明绘制元素设置深度值信息，所述深度值信息用于指示所述非透明绘制元素与基准层之间的距离，所述基准层为距离用户最远的绘制元素；按照第一顺序依次渲染每个非透明绘制元素上的第一区域，包括：按照深度值信息从大到小的顺序，依次渲染每个非透明绘制元素上的第一区域。6.如权利要求4或5所述的方法，其特征在于，在按照第二顺序依次渲染每个透明绘制元素之前，所述方法还包括：为每个透明绘制元素设置深度值信息，所述深度值信息用于指示所述每个透明绘制元素与基准层之间的距离，所述基准层为距离用户最远的绘制元素；按照第二顺序依次渲染每个透明绘制元素，包括：按照深度值信息从小到大的顺序，依次渲染每个透明绘制元素。7.如权利要求1-6任一所述的方法，其特征在于，所述属性信息包括绘制元素的显示位置、尺寸、形状、显示内容中的一种或多种。8.一种电子设备，其特征在于，所述电子设备包括显示屏；一个或多个处理器；存储器；多个应用程序；以及一个或多个计算机程序，其中所述一个或多个计算机程序被存储在所述存储器中，所述...

【专利技术属性】
技术研发人员：涂赟，谭威，崔坤，黎雨佳，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：广东,44