CN112417345A - 渲染方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种渲染方法、装置、电子设备及存储介质，其中，方法包括：获取待处理页面的数据；从待处理页面的数据之中提取多个页面元素；分别获得每个页面元素的内容和多个属性；根据每个页面元素的内容和多个属性生成每个页面元素对应的渲染对象集合，其中，每个渲染对象集合包括多个渲染对象；根据多个页面元素对应的多个渲染对象集合生成渲染树；根据渲染树进行渲染。该方法根据页面元素的内容和属性对页面进行渲染，无需为每个页面元素创建全功能的渲染对象，只需要根据该页面元素的多个属性创建相应的多个渲染对象，提高了渲染对象的创建速度，进而提高页面的渲染速度。

Description

渲染方法、装置、电子设备及存储介质

技术领域

本公开涉及互联网技术领域，尤其涉及一种渲染方法、装置、电子设备及存储介质。

背景技术

目前，随着电子设备，例如智能设备功能的不断强大，对于智能设备的功能要求也越来越多，因此智能设备所需要显示的页面内容也越来越多，越来越丰富。然而，页面内容的丰富也会带来加载时间长等问题。

相关技术之中，在页面的渲染过程之中，为页面之中每个页面元素建立一个具有全能力的渲染对象，通过这个渲染对象能够实现渲染所需的全部功能，即该渲染对象可以适用于该页面元素所有可能的属性。举例而言，对于文本类的页面元素而言，一般一个文本类页面元素的属性大概有5-10种，但是为了实现页面的渲染，为其建立的渲染对象需要支持所有的页面属性。因此就会导致这个渲染对象特别的繁重，会导致页面元素的创建非常缓慢。

发明内容

本公开旨在至少在一定程度上解决相关技术中的技术问题之一。

为此，本公开提出了如下技术方案。

本公开第一方面实施例提出了一种渲染方法，包括：获取待处理页面的数据；从所述待处理页面的数据之中提取多个页面元素；分别获得每个所述页面元素的内容和多个属性；根据每个所述页面元素的内容和多个属性生成每个所述页面元素对应的渲染对象集合，其中，每个所述渲染对象集合包括多个渲染对象；根据所述多个页面元素对应的多个所述渲染对象集合生成渲染树；根据所述渲染树进行渲染。

另外，根据本公开上述实施例的渲染方法还可以具有如下附加的技术特征。

根据本公开的一个实施例，所述根据每个所述页面元素的内容和多个属性生成每个所述页面元素对应的渲染对象集合，包括：根据所述页面元素的内容生成内容渲染对象，并将所述内容渲染对象添加至所述渲染对象集合；根据所述页面元素的多个属性生成所述页面元素的多个属性渲染对象，并将所述页面元素的多个属性渲染对象添加至所述渲染对象集合。

根据本公开的一个实施例，所述根据所述多个页面元素对应的多个所述渲染对象集合生成渲染树，包括：获取所述多个属性和所述内容渲染对象分别对应的等级；根据所述多个属性对应的等级和所述内容渲染对象的等级，对所述页面元素对应的所述渲染对象集合之中的多个渲染对象进行排序；根据每个所述渲染对象集合之中排序后的多个渲染对象，生成每个所述渲染对象集合所对应的渲染对象子树；以及根据所述多个渲染对象集合分别所对应的多个渲染对象子树生成所述渲染树。

根据本公开的一个实施例，所述根据所述多个渲染对象集合分别所对应的多个渲染对象子树生成所述渲染树，包括：获取每个所述页面元素的层级；根据每个所述页面元素的层级生成每个所述页面元素所对应的渲染对象子树的层级；将所述多个渲染对象子树按照所述每个渲染对象子树对应的层级进行拼接，以生成所述渲染树。

根据本公开的一个实施例，渲染方法，还包括：当所述待处理页面之中的页面元素已更新时，获取已更新的页面元素的更新属性；获取所述已更新的页面元素所对应的渲染对象子树；获取所述更新属性所对应的渲染对象，并对所述对应的渲染对象子树进行更新。

根据本公开的一个实施例，所述多个属性渲染对象包括：显示效果处理渲染对象、操作处理渲染对象、动画处理渲染对象、布局渲染对象之中的多种。

根据本公开的一个实施例，渲染方法，还包括：对所述多个页面元素分别对应的多个渲染对象集合进行并行渲染。

本公开第二方面实施例提出了一种渲染装置，包括：第一获取模块，用于获取待处理页面的数据；第一提取模块，用于从所述待处理页面的数据之中提取多个页面元素；第二获取模块，用于分别获得每个所述页面元素的内容和多个属性；第一生成模块，用于根据每个所述页面元素的内容和多个属性生成每个所述页面元素对应的渲染对象集合，其中，每个所述渲染对象集合包括多个渲染对象；第二生成模块，用于根据所述多个页面元素对应的多个所述渲染对象集合生成渲染树；第一渲染模块，用于根据所述渲染树进行渲染。

另外，根据本公开上述实施例的渲染装置还可以具有如下附加的技术特征。

根据本公开的一个实施例，所述第一生成模块，包括：第一生成单元，用于根据所述页面元素的内容生成内容渲染对象，并将所述内容渲染对象添加至所述渲染对象集合；第二生成单元，用于根据所述页面元素的多个属性生成所述页面元素的多个属性渲染对象，并将所述页面元素的多个属性渲染对象添加至所述渲染对象集合。

根据本公开的一个实施例，所述第二生成模块，包括：第一获取单元，用于获取所述多个属性和所述内容渲染对象分别对应的等级；第一排序单元，用于根据所述多个属性对应的等级和所述内容渲染对象的等级，对所述页面元素对应的所述渲染对象集合之中的多个渲染对象进行排序；第三生成单元，用于根据每个所述渲染对象集合之中排序后的多个渲染对象，生成每个所述渲染对象集合所对应的渲染对象子树；第四生成单元，用于根据所述多个渲染对象集合分别所对应的多个渲染对象子树生成所述渲染树。

根据本公开的一个实施例，所述第四生成单元，具体用于：获取每个所述页面元素的层级；根据每个所述页面元素的层级生成每个所述页面元素所对应的渲染对象子树的层级；将所述多个渲染对象子树按照所述每个渲染对象子树对应的层级进行拼接，以生成所述渲染树。

根据本公开的一个实施例，渲染装置，还包括：第三获取模块，用于当所述待处理页面之中的页面元素已更新时，获取已更新的页面元素的更新属性；第四获取模块，用于获取所述已更新的页面元素所对应的渲染对象子树；第五获取模块，用于获取所述更新属性所对应的渲染对象，并对所述对应的渲染对象子树进行更新。

根据本公开的一个实施例，所述多个属性渲染对象包括：显示效果处理渲染对象、操作处理渲染对象、动画处理渲染对象、布局渲染对象之中的多种。

根据本公开的一个实施例，渲染装置，还包括：第二渲染模块，用于对所述多个页面元素分别对应的多个渲染对象集合进行并行渲染。

本公开第三方面实施例提出了一种电子设备，包括：处理器；用于存储所述处理器的可执行指令的存储器；其中，所述处理器被配置为调用并执行所述存储器存储的可执行指令，以实现本公开第一方面实施例提出的渲染方法。

本公开第四方面实施例提出了一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行本公开第一方面实施例提出的渲染方法。

本公开第五方面实施例提出了一种计算机程序产品，该计算机程序由电子设备的处理器执行时，使得电子设备能够执行本公开第一方面实施例提出的渲染方法。

本公开实施例的技术方案，无需为每个页面元素创建全功能的渲染对象，只需要根据该页面元素的多个属性创建相应的多个渲染对象。在该实施例之中，每个渲染对象可处理一种属性，因此该页面元素具有多少属性，对应创建多少渲染对象即可，因此可以显著地提高渲染对象的创建速度，进而提高页面的渲染速度。

本公开附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本公开的实践了解到。

附图说明

图1是根据本公开实施例的渲染方法的流程图。

图2是根据本公开一个实施例的页面元素与渲染对象的对应关系图。

图3是根据本公开一个实施例的生成渲染对象集合的流程图。

图4是根据本公开一个示例的页面元素与渲染对象的对应关系图。

图5是根据本公开一个实施例的生成渲染树的流程图。

图6是根据本公开一个示例的渲染树的示意图。

图7是根据本公开一个示例的根据多个渲染对象子树生成渲染树的流程图。

图8是根据本公开实施例的渲染装置的结构示意图。

图9是根据本公开实施例的电子设备的结构示意图。

具体实施方式

下面详细描述本公开的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本公开，而不能理解为对本公开的限制。

下面参考附图描述本公开实施例的渲染方法、装置、电子设备及存储介质。

图1是根据本公开实施例的渲染方法的流程图，执行主体可以为电子设备，具体的，电子设备可以是但不限于计算机、移动终端，移动终端可以是但不限于个人电脑、智能手机、IPAD等。

如图1所示，该渲染方法包括以下步骤S101至S106。

S101，获取待处理页面的数据。

本公开实施例，可将需要渲染的页面称为待处理页面，该页面可以是浏览网站的浏览页面，也可以是用户正在处理、已经处理的文本页面或者终端上的应用程序页面等等，对于页面的类型不做限制。

具体地，在需要对待处理页面进行渲染时，可发送渲染请求，以使电子设备根据渲染请求获取待处理页面的数据，例如文本数据、图片数据、表格数据、视频数据等。其中，渲染请求可以是用户通过遥控器、按钮、鼠标、触摸等操作方式发送的，也可以是电子设备根据用户的需求自动发送的，即监控到用户对页面有渲染需求时发送渲染请求。

需要说明的是，待处理页面的数据可以是至少一种，例如，可以仅仅是文本数据，也可以是文本数据和图片数据，还可以是文本数据、图片数据及视频数据，对于具体的数据类型，本公开实施例不做限制。

S102，从待处理页面的数据之中提取多个页面元素。

可以理解的是，页面元素可以是组成页面的基本元素，例如文字、图像、表格、超链接等等。

具体地，在获取到待处理页面的数据之后，可将数据进行解析处理，以从数据中提取出多个页面元素。

例如，如果页面的数据为文本数据及图像数据，那么可从表格数据中提取出多个文字或者文本，可从图像数据中提取出多个文字或者图片，从而获取到待处理页面的多个页面元素。

S103，分别获得每个页面元素的内容和多个属性。

其中，页面元素的内容可以是指页面元素所包含的视觉上能看到的内容，可以是文字中包含的内容，例如“五颜六色的花朵开满了整个花园”，也可以是图像中包含的内容，例如图像中的动物、树木、花朵等。

其中，页面元素的属性可包括但不限于效果属性、背景属性、颜色属性等，不同的页面元素可包括不同的属性，例如，当页面元素为文本时，可包括字体大小、颜色、背景色、下划线等属性。

本公开实施例，可预先设置包括页面元素和对应的多个属性的属性库或者属性表，也即该属性库或者属性表可包含任何页面元素及对应的多个属性。

具体地，在获取到多个页面元素之后，可通过自然语言处理技术确定出页面元素的内容，同时，可通过查询预先设置的属性库或者属性表，得到页面元素对应的多个属性。

需要说明的是，该步骤S103中获取页面元素的内容和属性的方式还可以是相关技术中的其他方式，只要可以实现步骤S103即可，本公开实施例对此不做具体限制。

S104，根据每个页面元素的内容和多个属性生成每个页面元素对应的渲染对象集合，其中，每个渲染对象集合包括多个渲染对象。

本公开实施例中，一个页面元素的每个属性对应一个渲染对象，例如一个文本属性、一个按钮属性或一个列表属性。进而一个页面的多个属性对应相应的多个渲染对象（组成渲染对象集合），多个页面元素对应多个渲染对象集合。

需要说明的是，对页面元素渲染最终的目的是使页面元素对应的内容以渲染效果的方式显示于页面，例如，将页面中的内容（图片）以“飞入”的方式显示于页面，因而渲染需要结合页面元素具体的内容，基于此，本公开实施例可将页面元素的内容和页面元素对应的多个属性结合起来，生成多个属性对应的多个渲染对象，该多个渲染对象组成一个页面元素的渲染对象集合。

S105，根据多个页面元素对应的多个渲染对象集合生成渲染树。

本公开实施例，可根据多个渲染对象集合包括的多个渲染对象生成渲染树。

S106，根据渲染树进行渲染。

举例而言，如图2所示，如果待处理页面包含3个页面元素Y1、Y2、Y3，其中Y1对应5个属性（图2中的属性1表示第一个属性）、Y2对应4个属性、Y3对应3个属性，那么，可对应Y1生成包括5个渲染对象的渲染集合J1（图2中的渲染对象1表示第一个渲染对象）、对应Y2生成包括4个渲染对象的渲染集合J2、对应Y3生成包括3个渲染对象的渲染集合J3，进而3个页面元素Y1、Y2、Y3分别对应3个渲染对象集合J1、J2、J3（该3个渲染对象集合包括12个渲染对象）。之后，根据3个渲染对象集合J1、J2、J3包含的12个渲染对象生成渲染树，进而根据渲染树对该12个渲染对象进行渲染，以实现对页面元素的渲染。

也就是说，对每一个页面元素建立多个渲染对象，相较于建立一个全能力的渲染对象，提高了页面元素的渲染对象的创建速度，对页面元素的渲染，可以根据页面元素对应的多个渲染对象同时进行渲染，从而提高了页面元素的渲染速度，减少掉帧的可能性。

本公开实施例的渲染方法，无需为每个页面元素创建全功能的渲染对象，只需要根据该页面元素的多个属性创建相应的多个渲染对象。在该实施例之中，每个渲染对象可处理一种属性，因此该页面元素具有多少属性，对应创建多少渲染对象即可，因此可以显著地提高渲染对象的创建速度，进而提高页面的渲染速度，减少掉帧的可能性。

在本公开的一个实施例中，如图3所示，上述步骤S104，可包括以下步骤S301和S302。

S301，根据页面元素的内容生成内容渲染对象，并将内容渲染对象添加至渲染对象集合。

S302，根据页面元素的多个属性生成页面元素的多个属性渲染对象，并将页面元素的多个属性渲染对象添加至渲染对象集合。

本公开实施例中，多个属性渲染对象包括：显示效果处理渲染对象、操作处理渲染对象、动画处理渲染对象、布局渲染对象之中的多种。其中，显示效果处理渲染对象可用于进行页面元素的显示效果的渲染，例如，显示效果为火焰显示；操作处理渲染对象可用于进行页面元素的操作处理的渲染，动画处理渲染对象可用于进行页面元素的动画渲染，布局渲染对象可用于进行页面元素的布局渲染。

具体地，本公开实施例，可预先设置空的渲染对象集合，在获取到页面元素的内容和多个属性之后，根据每个页面元素的内容生成一个内容渲染对象，并将内容渲染对象添加至渲染对象集合，还可根据每个页面元素的每个属性生成一个属性渲染对象，从而生成页面元素的多个属性渲染对象，并将页面元素的多个属性渲染对象添加至渲染对象集合，从而得到渲染对象集合。

举例而言，如图4所示，如果3个页面元素Y1、Y2、Y3，其内容分别为N1、N2、N3，其中Y1对应5个属性、Y2对应4个属性、Y3对应3个属性，那么，可对应内容N1生成一个内容渲染对象d1、可对应内容N2生成一个内容渲染对象d2、可对应内容N3生成一个内容渲染对象d3，对应12个属性分别生成属性渲染对象s1、s2、s3、s4、s5、s6、s7、s8、s9、s10、s11及s12，将内容渲染对象及属性渲染对象均添加至渲染对象集合，从而形成渲染对象集合｛d1,d2,d3,s1,s2,s3,s4,s5,s6,s7,s8,s9,s10,s11,s12｝。

由此，分别对应页面元素的内容和属性进行渲染对象的生成，不仅提高了渲染对象的创建速度，而且保证了覆盖所有可能的渲染效果，丰富了渲染对象。

在执行完上述步骤S301和S302后，即可执行上述步骤S105。本公开实施例中，上述步骤S105中渲染树的生成，可以根据页面元素的属性等级和/或内容等级生成，也可以根据页面元素的层级生成。对此，通过下列实施例进行描述。

在本公开的一个实施例中，如图5所示，上述步骤S105，可包括以下步骤S501至S504。

S501，获取多个属性和内容渲染对象分别对应的等级。

本公开实施例中，每个页面元素的多个属性分别对应一个等级，属性对应的等级可以用来表征属性的重要程度，该重要程度可对应属性的渲染顺序。每个页面元素对应的内容渲染对象对应一个等级，内容渲染对象对应的等级可以用来表征页面元素的渲染顺序。

具体地，可预先设置包含任何属性及对应等级的属性等级库或者属性等级表，以在获取到每个页面元素对应的多个属性之后，可通过查询属性等级库或者属性等级表，得到多个属性对应的等级；还可预先设置包含任何内容渲染对象及对应的等级的内容等级库，以在获取到多个页面元素对应的多个内容渲染对象之后，可通过查询内容等级库得到多个内容渲染对象分别对应的等级。

除此之外，多个属性和内容渲染对象分别对应的等级，还可以是根据用户实际需求设置的。即在确定出多个属性和内容渲染对象之后，根据用户的需求设置多个属性的等级、及多个内容渲染对象的等级。

S502，根据多个属性对应的等级和内容渲染对象的等级，对页面元素对应的渲染对象集合之中的多个渲染对象进行排序。

具体地，可先根据多个内容渲染对象的等级，对渲染对象集合之中的多个内容渲染对象进行排序，然后根据每个页面元素对应的多个属性对应的等级，对每个渲染对象集合之中的多个属性内容渲染对象进行排序。排序时，可以进行顺序排序，等级越高，渲染顺序越靠前，从而排序越靠前；反之，等级越低，渲染顺序越靠后，从而排序越靠后。

S503，根据每个渲染对象集合之中排序后的多个渲染对象，生成每个渲染对象集合所对应的渲染对象子树。

对每个页面元素对应的渲染对象集合之中的多个渲染对象进行排序之后，即可得到排序后的多个渲染对象，根据每个渲染对象集合之中排序后的多个渲染对象，生成每个渲染对象集合所对应的渲染对象子树，从而生成多个渲染对象子树。

S504，根据多个渲染对象集合分别所对应的多个渲染对象子树生成渲染树。

举例而言，如果页面对应2个内容渲染对象A1、A2、且2个页面元素均对应3个属性b1、b2、b3，分别对应的属性渲染对象为B1、B2、B3，A1、A2的等级为A1高于A2，b1、b2、b3对应的等级从高到低依次为b2→b1→b3，那么，可按照渲染的先后顺序将多个渲染对象进行顺序排序，进而根据排序后的多个渲染对象生成如图6所示的渲染树，以根据渲染树对页面进行渲染。

在本公开的一个示例中，如图7所示，上述步骤S504，可包括以下步骤S701至S703。

S701，获取每个页面元素的层级。

本公开实施例，可将每个页面元素进行分层处理，即每个页面元素包括多个层级，例如页面元素文本从上到下的层次依次是：背景色、情景色、触摸操作事件处理层、透明度处理层、按压效果层、阴影层、页面布局层（padding（内边距）、margin（外边距）及border（边框））。

在获取到页面元素之后，可判断对应的属性位于页面的哪一个层级中。

可以理解的是，上述页面的分层实施例仅为示例，不构成对本公开的限制，实际上在实现时，可以根据需要对页面元素进行任意形式的层级划分，在此不再赘述。

S702，根据每个页面元素的层级生成每个页面元素所对应的渲染对象子树的层级。

可将每个页面元素的层级确定为该页面元素所对应的渲染对象子树的层级。从而得到多个渲染对象子树分别对应的层级。

S703，将多个渲染对象子树按照每个渲染对象子树对应的层级进行拼接，以生成渲染树。在进行拼接时，可按照从下到上的层级顺序进行拼接。

举例而言，如果页面元素W1、W2、W3的层级分别为第一层、第二层、第三层，那么可确定W1对应的渲染对象子树U1的层级为第一层、W2对应的渲染对象子树U2的层级为第二层、W3对应的渲染对象子树U3的层级为第三层，进而将U1、U2、U3根据第一、第二、第三的层级进行拼接，即依次拼接U1 、U2、U3，拼接完成后，即得到渲染树。

由此，根据属性等级和内容渲染对象的渲染对象子树，基于多个页面元素的层级根据渲染对象子树实现渲染树的生成，提高了渲染树的可靠性，从而保证了渲染的可靠性。

需要说明的是，用户可以对页面之中的页面元素进行编辑，例如，增加、删除、修改页面元素等，这就使得页面中的页面元素有所更新。本公开实施例中，为了使渲染使用页面元素的更新，提出了以下实施例。

在本公开的一个实施例中，渲染方法，还可包括：当待处理页面之中的页面元素已更新时，获取已更新的页面元素的更新属性；获取已更新的页面元素所对应的渲染对象子树；获取更新属性所对应的渲染对象，并对对应的渲染对象子树进行更新。

具体地，可对待处理页面进行实时监控，以监控页面之中的页面元素是否被更新，例如增加、删除、修改等，当监控到页面元素已更新时，获取并已更新的页面元素的更新属性属于哪一种属性，例如是增加属性、删除属性还是修改属性，然后获取已更新的页面元素所对应的渲染对象子树；获取更新属性所对应的渲染对象，并对对应的渲染对象子树进行更新。

也就是说，在某一页面元素被增加时，可针对该页面元素通过本公开实施例的渲染方法生成一个新的渲染对象子树；在某一页面元素被删除时，可将该页面元素对应的渲染对象子树删除；在某一页面元素被修改时，可针对修改后的页面元素通过本公开实施例的渲染方法生成一个新的渲染对象子树，同时将修改前的页面元素对应的渲染对象子树删除。从而完成对渲染对象子树的更新，进而根据更新后的渲染对象子树对渲染树进行更新，生成更新后的渲染树，根据更新后的渲染树实现对更新后的页面的渲染。由此，在页面元素被更改时，更新渲染树，实现了对页面元素的渲染对象的实时更新，保证了页面渲染的完整性和可靠性。

需要说明的是，相关技术中，由于页面元素的渲染是串行的，因此会导致页面的渲染更加缓慢，从而导致掉帧的可能性增加，而且，容易导致卡顿。而本公开实施例中，对每一个页面元素建立多个渲染对象，该多个渲染对象构成一个渲染对象集合，即多个页面元素分别对应多个渲染对象集合，从而在进行渲染时，可对页面对应的多个渲染对象集合进行并行渲染，以加快渲染速度，减少掉帧的可能性，并减少或者避免卡顿现象。即在本公开的一个实施例中，渲染方法，还可包括：对多个页面元素分别对应的多个渲染对象集合进行并行渲染。其中，每个页面元素对应一个渲染对象集合。

具体地，在根据每个页面元素的内容和多个属性生成每个页面元素对应的渲染对象集合之后，可对多个页面元素分别对应的多个渲染对象集合进行并行渲染，以实现对页面的多个页面元素的并行渲染，相较于相关技术中串行渲染的方式，加快了渲染速度，减少了掉帧的可能性，并减少或者避免了卡顿现象。

举例而言，如果待处理页面包含3个页面元素Y1、Y2、Y3，其中Y1对应5个属性、Y2对应3个属性、Y3对应3个属性，那么，可对应Y1 生成包括5个渲染对象的渲染集合J1、对应Y2生成包括4个渲染对象的渲染集合J2、对应Y3生成包括3个渲染对象的渲染集合J3，进而3个页面元素Y1、Y2、Y3分别对应3个渲染对象集合J1、J2、J3（该3个渲染对象集合包括12个渲染对象）。之后，根据3个渲染对象集合J1、J2、J3包含的12个渲染对象生成渲染树，进而可以对该12个渲染对象进行并行渲染，以实现对对页面元素Y1、Y2、Y3的并行渲染。

由此，通过并行渲染实现渲染，可以加快渲染速度，减少掉帧的可能性，并减少或者避免卡顿现象。

本公开实施例还提出了一种渲染装置，图8是根据本公开实施例的渲染装置的结构示意图。

如图8所示，该渲染装置100包括：第一获取模块110、第一提取模块120、第二获取模块130、第一生成模块140、第二生成模块150及第一渲染模块160。

其中，第一获取模块110，用于获取待处理页面的数据；第一提取模块120，用于从所述待处理页面的数据之中提取多个页面元素；第二获取模块130，用于分别获得每个所述页面元素的内容和多个属性；第一生成模块140，用于根据每个所述页面元素的内容和多个属性生成每个所述页面元素对应的渲染对象集合，其中，每个所述渲染对象集合包括多个渲染对象；第二生成模块150，用于根据所述多个页面元素对应的多个所述渲染对象集合生成渲染树；第一渲染模块160，用于根据所述渲染树进行渲染。

在一个实施例中，第一生成模块140，可包括：第一生成单元，用于根据所述页面元素的内容生成内容渲染对象，并将所述内容渲染对象添加至所述渲染对象集合；第二生成单元，用于根据所述页面元素的多个属性生成所述页面元素的多个属性渲染对象，并将所述页面元素的多个属性渲染对象添加至所述渲染对象集合。

在一个实施例中，第二生成模块150，可包括：第一获取单元，用于获取所述多个属性和所述内容渲染对象分别对应的等级；第一排序单元，用于根据所述多个属性对应的等级和所述内容渲染对象的等级，对所述页面元素对应的所述渲染对象集合之中的多个渲染对象进行排序；第三生成单元，用于根据每个所述渲染对象集合之中排序后的多个渲染对象，生成每个所述渲染对象集合所对应的渲染对象子树；第四生成单元，用于根据所述多个渲染对象集合分别所对应的多个渲染对象子树生成所述渲染树。

在一个实施例中，第四生成单元，具体可用于：获取每个所述页面元素的层级；根据每个所述页面元素的层级生成每个所述页面元素所对应的渲染对象子树的层级；将所述多个渲染对象子树按照所述每个渲染对象子树对应的层级进行拼接，以生成所述渲染树。

在一个实施例中，渲染装置100，还可包括：第三获取模块，用于当所述待处理页面之中的页面元素已更新时，获取已更新的页面元素的更新属性；第四获取模块，用于获取所述已更新的页面元素所对应的渲染对象子树；第五获取模块，用于获取所述更新属性所对应的渲染对象，并对所述对应的渲染对象子树进行更新。

在一个实施例中，多个属性渲染对象包括：显示效果处理渲染对象、操作处理渲染对象、动画处理渲染对象、布局渲染对象之中的多种。

在一个实施例中，渲染装置100，还可包括：第二渲染模块，用于对多个页面元素分别对应的多个渲染对象集合进行并行渲染。

需要说明的是，该渲染装置的具体实施方式可参见上述渲染方法的具体实施方式，为避免冗余，此处不再详细赘述。

本公开实施例的渲染装置，根据页面元素的内容和属性对页面进行渲染，无需为每个页面元素创建全功能的渲染对象，只需要根据该页面元素的多个属性创建相应的多个渲染对象，提高了渲染对象的创建速度，进而提高页面的渲染速度，并减少掉帧的可能性。

图9是根据本公开实施例的电子设备的结构框图。

如图9所示，该电子设备200包括：存储器210和处理器220，连接不同组件（包括存储器210和处理器220）的总线230。

其中，存储器210用于存储处理器220的可执行指令；处理器201被配置为调用并执行存储器202存储的可执行指令，以实现本公开上述实施例提出的渲染方法。

总线230表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构（ISA）总线，微通道体系结构（MAC）总线，增强型ISA总线、视频电子标准协会（VESA）局域总线以及外围组件互连（PCI）总线。

电子设备200典型地包括多种电子设备可读介质。这些介质可以是任何能够被电子设备200访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

存储器210还可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器（RAM）240和/或高速缓存存储器250。电子设备200可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统260可以用于读写不可移动的、非易失性磁介质（图9未显示，通常称为“硬盘驱动器”）。尽管图7中未示出，可以提供用于对可移动非易失性磁盘（例如“软盘”）读写的磁盘驱动器，以及对可移动非易失性光盘（例如CD-ROM, DVD-ROM或者其它光介质）读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线230相连。存储器210可以包括至少一个程序产品，该程序产品具有一组（例如至少一个）程序模块，这些程序模块被配置以执行本公开各实施例的功能。

具有一组（至少一个）程序模块270的程序/实用工具280，可以存储在例如存储器210中，这样的程序模块270包括——但不限于——操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块270通常执行本公开所描述的实施例中的功能和/或方法。

电子设备200也可以与一个或多个外部设备290（例如键盘、指向设备、显示器291等）通信，还可与一个或者多个使得用户能与该电子设备200交互的设备通信，和/或与使得该电子设备200能与一个或多个其它计算设备进行通信的任何设备（例如网卡，调制解调器等等）通信。这种通信可以通过输入/输出（I/O）接口292进行。并且，电子设备200还可以通过网络适配器293与一个或者多个网络（例如局域网（LAN），广域网（WAN）和/或公共网络，例如因特网）通信。如图所示，网络适配器293通过总线230与电子设备200的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备200使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

处理器220通过运行存储在存储器210中的程序，从而执行各种功能应用以及数据处理。

需要说明的是，本公开实施例的电子设备的实施过程参见前述对本公开实施例的渲染方法的解释说明，此处不再赘述。

本公开实施例的电子设备，根据页面元素的内容和属性对页面进行渲染，无需为每个页面元素创建全功能的渲染对象，只需要根据该页面元素的多个属性创建相应的多个渲染对象，提高了渲染对象的创建速度，进而提高页面的渲染速度，并减少掉帧的可能性。

为了实现上述实施例，本公开实施例还提出了一种非临时性计算机可读存储介质，该存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如前所述的渲染方法。

为了实现上述实施例，本公开实施例还提供一种计算机程序产品，该计算机程序由电子设备的处理器执行时，使得电子设备能够执行如前所述的渲染方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。

Claims (16)

1.一种渲染方法，其特征在于，包括：

获取待处理页面的数据；

从所述待处理页面的数据之中提取多个页面元素；

分别获得每个所述页面元素的内容和多个属性；

根据每个所述页面元素的内容和多个属性生成每个所述页面元素对应的渲染对象集合，其中，每个所述渲染对象集合包括多个渲染对象；

根据所述多个页面元素对应的多个所述渲染对象集合生成渲染树；

根据所述渲染树进行渲染。

2.如权利要求1所述的方法，其特征在于，所述根据每个所述页面元素的内容和多个属性生成每个所述页面元素对应的渲染对象集合，包括：

根据所述页面元素的内容生成内容渲染对象，并将所述内容渲染对象添加至所述渲染对象集合；

根据所述页面元素的多个属性生成所述页面元素的多个属性渲染对象，并将所述页面元素的多个属性渲染对象添加至所述渲染对象集合。

3.如权利要求2所述的方法，其特征在于，所述根据所述多个页面元素对应的多个所述渲染对象集合生成渲染树，包括：

获取所述多个属性和所述内容渲染对象分别对应的等级；

根据所述多个属性对应的等级和所述内容渲染对象的等级，对所述页面元素对应的所述渲染对象集合之中的多个渲染对象进行排序；

根据每个所述渲染对象集合之中排序后的多个渲染对象，生成每个所述渲染对象集合所对应的渲染对象子树；以及

根据所述多个渲染对象集合分别所对应的多个渲染对象子树生成所述渲染树。

4.如权利要求3所述的方法，其特征在于，所述根据所述多个渲染对象集合分别所对应的多个渲染对象子树生成所述渲染树，包括：

获取每个所述页面元素的层级；

根据每个所述页面元素的层级生成每个所述页面元素所对应的渲染对象子树的层级；

将所述多个渲染对象子树按照所述每个渲染对象子树对应的层级进行拼接，以生成所述渲染树。

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

当所述待处理页面之中的页面元素已更新时，获取已更新的页面元素的更新属性；

获取所述已更新的页面元素所对应的渲染对象子树；

获取所述更新属性所对应的渲染对象，并对所述对应的渲染对象子树进行更新。

6.如权利要求2所述的方法，其特征在于，所述多个属性渲染对象包括：显示效果处理渲染对象、操作处理渲染对象、动画处理渲染对象、布局渲染对象之中的多种。

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

对所述多个页面元素分别对应的多个渲染对象集合进行并行渲染。

8.一种渲染装置，其特征在于，包括：

第一获取模块，用于获取待处理页面的数据；

第一提取模块，用于从所述待处理页面的数据之中提取多个页面元素；

第二获取模块，用于分别获得每个所述页面元素的内容和多个属性；

第一生成模块，用于根据每个所述页面元素的内容和多个属性生成每个所述页面元素对应的渲染对象集合，其中，每个所述渲染对象集合包括多个渲染对象；

第二生成模块，用于根据所述多个页面元素对应的多个所述渲染对象集合生成渲染树；

第一渲染模块，用于根据所述渲染树进行渲染。

9.如权利要求8所述的装置，其特征在于，所述第一生成模块，包括：

第一生成单元，用于根据所述页面元素的内容生成内容渲染对象，并将所述内容渲染对象添加至所述渲染对象集合；

第二生成单元，用于根据所述页面元素的多个属性生成所述页面元素的多个属性渲染对象，并将所述页面元素的多个属性渲染对象添加至所述渲染对象集合。

10.如权利要求9所述的装置，其特征在于，所述第二生成模块，包括：

第一获取单元，用于获取所述多个属性和所述内容渲染对象分别对应的等级；

第一排序单元，用于根据所述多个属性对应的等级和所述内容渲染对象的等级，对所述页面元素对应的所述渲染对象集合之中的多个渲染对象进行排序；

第三生成单元，用于根据每个所述渲染对象集合之中排序后的多个渲染对象，生成每个所述渲染对象集合所对应的渲染对象子树；

第四生成单元，用于根据所述多个渲染对象集合分别所对应的多个渲染对象子树生成所述渲染树。

11.如权利要求10所述的装置，其特征在于，所述第四生成单元，具体用于：

获取每个所述页面元素的层级；

根据每个所述页面元素的层级生成每个所述页面元素所对应的渲染对象子树的层级；

将所述多个渲染对象子树按照所述每个渲染对象子树对应的层级进行拼接，以生成所述渲染树。

12.如权利要求10所述的装置，其特征在于，还包括：

第三获取模块，用于当所述待处理页面之中的页面元素已更新时，获取已更新的页面元素的更新属性；

第四获取模块，用于获取所述已更新的页面元素所对应的渲染对象子树；

第五获取模块，用于获取所述更新属性所对应的渲染对象，并对所述对应的渲染对象子树进行更新。

13.如权利要求9所述的装置，其特征在于，所述多个属性渲染对象包括：显示效果处理渲染对象、操作处理渲染对象、动画处理渲染对象、布局渲染对象之中的多种。

14.如权利要求8所述的装置，其特征在于，还包括：

第二渲染模块，用于对所述多个页面元素分别对应的多个渲染对象集合进行并行渲染。

15.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器的可执行指令的存储器；

其中，所述处理器被配置为调用并执行所述存储器存储的可执行指令，以实现如权利要求1-7中任一项所述的渲染方法。

16.一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1-7中任一项所述的渲染方法。

Images